edit | blame | history | raw

GIS组件API

初始化例子

<GIS refs={e => {this.mapFunction = e}}
     mapRef={this}
     addressSearchUrl="http://192.168.0.251:8090/iserver/services/addressmatch-Address/restjsr/v1/address/geocoding"
     terrainUrl="http://192.168.0.251:8090/iserver/services/map-world/rest/maps/World"
     terrainUrlIsSct={true}
     showDefaultLayer={false}
     baseImageUrl="https://www.supermapol.com/realspace/services/map-scyx/rest/maps/China_DARK"
/>

构建参数

参数 说明 类型 默认值

| mapRef | 父组件引用 | React.Component | - |
| showDefaultLayer | 显示默认图层(国内天地图) | boolean | true |
| addressSearchUrl | 地址查询基础服务 | string | - |
| terrainUrl | 地形服务地址 | string | - |
| terrainUrlIsSct | 是否是超图地形 | boolean | true |
| baseImageUrl | 默认影像图层(iserver对应的地址)
| string | - |
| plotUrl | 标绘服务地址 | |
| global | 最小矩形框范围。( minx ,miny, maxx, maxy) | number[] | - |
| toolbars | 自定义工具栏,例子:['global', 'fullscreen', {key: 'seethrough2',icon: 'seethrough',titleI18n: 'seethrough2',handleClick: () => {alert('通视分析2') }}] | string | object[] | - |
| language | 语言 | string | - |
| i18nObj | obj对象,参考多语言例子 | object | - |
| defaultSelectedEdit | 是否启用点击就进入编辑 | object | - |
| defaultShowPropertyPanel | 进入编辑是否显示属性编辑面板 | object | - |
| useSvgIcon | 是否使用svg图标,启用svg图标后,允许动态使用图标边框和颜色 | boolean | - | | object | - |

工具栏功能介绍

工具编码 工具名称
global 全图
fullscreen 全屏
measureDistance 测距
measureArea 测面
seethrough 默认通视分析,面板有点丑
profile 剖面分析,面板有点丑
angleSlope 坡度分析 ,面板有点丑
switchMap 二三维切换
location 定位
print 打印
addressSearch 地名查询
dynamicPlot 军式标绘
highLight 高亮
clear 清除

属性

属性名称 说明 类型
viewer 3D地图对象 Cesium.Viewer
mapApiService 地图服务对象 MapApiService

方法

方法 说明
showDefaultLayer 显示默认图层
doSightLine 调用点对点通视面板
doLocation 显示定位面板
doPrint 显示打印面板
doAddressSearch 显示地址查询面板
doDynamicPlot 显示军标面板
doHighLight 显示高亮测试面板
doProfile 打开剖面分析面板
doAngleSlope 打开坡度分析面板
doSightLine 打开通视分析面板
cleanScreen 清屏
fullScreen 全屏
exitFullScreen 退出全屏
showToolBar 显示默认工具栏
hideToolBar 隐藏默认工具栏
showStateBar 显示状态工具栏
hideStateBar 隐藏状态工具栏
measureDistance 开启测量距离
measureArea 开启测量面积
updateDemLayer 更新地形服务
showGeoJsonDataSource 增加geojson服务
showSuperMapImageryProvider 显示超图影像图层
addBpListener 拨盘监听事件
closeBp 关闭拨盘
updateLanguage 更新语言

具体方法

showDefaultLayer()

显示默认图层,参数无需填写


doSightLine()

调用点对点通视面板,第二次调用表示关闭面板

---

doLocation()

显示定位面板,第二次调用表示关闭面板


doPrint()

显示打印面板,第二次调用表示关闭面板


doAddressSearch()

显示地址查询面板,第二次调用表示关闭面板


doDynamicPlot()

显示军标面板,第二次调用表示关闭面板

---

doHighLight()

显示高亮闪烁面板,第二次调用表示关闭面板


doProfile()

调用剖面分析面板,第二次调用表示关闭面板

---

doAngleSlope()

调用坡度分析面板,第二次调用表示关闭面板


doSightLine()

调用通视分析面板,第二次调用表示关闭面板


cleanScreen()

清屏,参数无需填写

---

fullScreen()

全屏,参数无需填写

---

exitFullScreen()

退出全屏,参数无需填写


hideToolBar()

隐藏默认工具栏,参数无需填写


showToolBar()

显示默认工具栏,参数无需填写

---

hideStateBar()

隐藏默认状态栏,参数无需填写

---

showStateBar()

显示默认状态栏,参数无需填写

---

updateDemLayer(demLayerUrl, sct)

更新地形服务

参数 必须 类型 说明
demLayerUrl true string 地形地址
sct false boolean 是过滤器是iserver独立发布的地形图层,默认为true

---

showGeoJsonDataSource(layerConfig, zoomTo)

显示矢量数据

参数 必须 类型 说明
layerconfig true object 图层配置
layerconfig.code true string 图层编码
layerconfig.url true string 隐藏状态工具栏
layerconfig.fill false string 填充颜色,格式:#FF0000
layerconfig.stroke false string 边框颜色,格式:#FF0000
layerconfig.strokeWidth false number 默认为1,只有是线或者面时有效
layerconfig.markerSymbol false string 只有是点数据时有效
zoomTo false boolean 显示完成后,是否定位到数据范围

---

showSuperMapImageryProvider(layerConfig, zoomTo)

显示瓦片数据

参数 必须 类型 说明
layerconfig true object 图层配置
layerconfig.code true string 图层编码
layerconfig.url true string 隐藏状态工具栏
zoomTo false boolean 显示完成后,是否定位到数据范围

---

measureDistance()

在地图上开始测距

---

measureArea()

在地图上开始测面


addBpListener(function(id, dom){},this)

拨盘监听事件

参数 必须 类型 说明
function true 方法体 回调函数
this true 当前类 图层编码

回调函数function(id, dom){}说明:
id:选择军标的id值
dom:拨盘返回的dom节点


closeBp()

关闭拨盘事件


updateLanguage(language)

更新语言,只支持'en-US'、'zh-CN'、’fr-FR‘三种语言