# 要素表格
mapgis-feature-table
# 属性
All common layers props
# MapUrl
- 类型:
String
- 非侦听属性
- watch
- 描述: 地图文档的 url 地址,格式如下http://{ip}:{port}/igs/rest/mrms/docs/{docname}
# geometry
- 类型:
Boolean
- 默认值: false
- 非侦听属性
- watch
- 描述: 是否启用图形工具,默认不显示
# styles
- 类型:
Object
- 非侦听属性
- watched
- 描述: 图形工具的样式。
# editable
- 类型:
Boolean
- 非侦听属性
- watched
- 默认值: true
- 描述: 是否启用编辑,默认启用。
# 事件
# @loaded
- 描述: 要素表格加载完成
- 返回值
{ table }
table
表格对象
# @addSuccess
- 描述: 表格新增要素成功事件
- 返回值
{ result }
result
新增接口的执行结果
# @addFailure
- 描述: 表格新增要素失败事件
- 返回值
{ result }
result
新增接口的执行结果
# @deleteSuccess
- 描述: 删除要素成功事件
- 返回值
{ OID,record }
OID
要素的 OID
record
被删除的一条数据
# @deleteFailure
- 描述: 删除要素失败事件
- 返回值
无
# @updateSuccess
- 描述: 更新要素成功事件
- 返回值
{ allData }
allData
该分页的所有数据
# @updateFailure
- 描述: 更新要素失败事件
- 返回值
{ 无 }
# @querySuccess
- 描述: 查询要素成功事件
- 返回值
{ allData }
allData
查询到的所有数据
# @queryFailure
- 描述: 查询要素失败事件
- 返回值
{ 无 }
# 示例
<template>
<mapgis-web-map
class="main"
:accessToken="accessToken"
:mapStyle="mapStyle"
:zoom="mapZoom"
:center="outerCenter"
:crs="mapCrs"
>
<mapgis-igs-tdt-layer
:layer="layer"
:layerId="layerId"
:sourceId="sourceId"
:baseURL="baseURL"
:token="token"
:crs="mapCrs"
>
</mapgis-igs-tdt-layer>
</mapgis-web-map >
</template>
<script>
import "@mapgis/mapbox-gl/dist/mapbox-gl.css";
import Mapbox from "@mapgis/mapbox-gl";
import { MapgisWebMap, MapgisIgsTdtLayer } from "@mapgis/webclient-vue-mapboxgl";
export default {
components: {
MapgisWebMap,
MapgisIgsTdtLayer
},
data() {
return {
accessToken:
"pk.eyJ1IjoicGFybmRlZWRsaXQiLCJhIjoiY2o1MjBtYTRuMDhpaTMzbXhpdjd3YzhjdCJ9.sCoubaHF9-nhGTA-sgz0sA", // 使用mapbox样式需要的秘钥
mapStyle: "mapbox://styles/mapbox/light-v9", // 地图样式
mapZoom: 3, // 地图初始化级数
outerCenter: [130, 30], // 地图显示中心
mapCrs: "EPSG:4326",
layerId: "igsLayer_layerId",
sourceId: "igsLayer_sourceId",
layer: {}, // 图层配置信息
baseURL: "http://t2.tianditu.gov.cn/vec_c/wmts", // 请求基地址
token: "2ddaabf906d4b5418aed0078e1657029" // 请求天地图的key值
};
},
created() {
// 在组件中使用mapbox-gl.js的脚本库功能
this.mapbox = Mapbox;
}
};
</script>
<style lang="css">
.main {
height: 600px;
width: 100%;
}
</style>