mapgis-3d-analysis-overlay
# 属性
# srcType
- 类型:
String
- 可选
- 非侦听属性
- 默认值:
Layer
- 描述: 叠加分析的类型,即图层-图层级叠加'Layer'和图层-要素级叠加'Feature'
# baseUrl
- 类型:
String
- 可选
- 非侦听属性
- 默认值:
http://localhost:6163
- 描述: 输入图层的baseUrl
# srcALayer
- 类型:
String
- 必选
- 非侦听属性
- 默认值: ``
- 描述: 输入被叠加图层的gdbp
# srcBLayer
- 类型:
String
- 必选
- 非侦听属性
- 默认值: ``
- 描述: 输入叠加图层的gdbp
# srcAFeature
- 类型:
Object
- 可选
- 非侦听属性
- 默认值:
{}
- 描述: 输入叠加要素的GeoJSON数据
# 事件
# @load
- Description: 在 Overlay组件 加载完毕后发送该事件
- Payload 叠加分析对象
# @listenLayer
- Description: 在图层-图层级或图层-要素级叠加分析完成后发送该事件
# @listenOverlayAdd
- Description: 在叠加分析结束后发送该事件
# 示例
<template>
<div style="width: 1200px;height: 800px;">
<mapgis-web-scene
style="height:90vh"
lib-path="statics/libs/cdn/cesium/Cesium.js"
plugin-path="statics/libs/cdn/zondyclient/webclient-cesium-plugin.min.js"
>
<mapgis-ui-card class="storybook-ui-card">
<mapgis-3d-analysis-overlay
:baseUrl='baseOverlayUrl'
:srcType='srcType'
:srcALayer='srcALayer'
:srcBLayer='srcBLayer'
:srcAFeature='srcAFeature'
@listenLayer="showLayer"
@listenOverlayAdd="showAdd"
/>
</mapgis-ui-card>
<mapgis-3d-igs-dynamic-layer
v-if="finishedResult && addResultToLayer"
baseUrl="http://localhost:6163/igs/rest/mrms/layers"
:gdbps="resultLayer"
></mapgis-3d-igs-dynamic-layer>
</mapgis-web-scene>
</div>
</template>
<script>
export default {
data() {
return {
baseOverlayUrl: "http://localhost:6163",
srcType: "Layer",
srcALayer: "gdbp://MapGISLocalPlus/sample/sfcls/湖北省路网",
srcBLayer: "gdbp://MapGISLocalPlus/sample/sfcls/武汉市轮廓",
srcAFeature: {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {},
"id": "id1",
"geometry": {
"type": "Polygon",
"coordinates": [
[ [114,30], [114,31], [115,31], [115,30], [114,30] ]
]
},
},
{
"type": "Feature",
"properties": {},
"id": "id2",
"geometry": {
"type": "Polygon",
"coordinates": [
[ [115,30] , [115,31] , [116,31] , [116,30] , [115,30] ]
]
},
},
]
},
finishedResult: false,
resultLayer: "",
addResultToLayer: false
};
},
methods: {
showLayer(data) {
this.finishedResult = true
this.resultLayer = data
},
showAdd(data) {
this.addResultToLayer = data
},
},
};
</script>
<style scoped>
.storybook-ui-card {
position: absolute;
top: 10px;
left: 10px;
z-index: 1000;
}
</style>