mapgis-3d-viewshed
# 属性
# vueKey
- 类型:
String
- 可选
- 非侦听属性
- 默认值:
default
- 描述:
mapgis-web-scene组件的ID,当使用多个mapgis-web-scene组件时,需要指定该值,来唯一标识mapgis-web-scene组件,
同时mapgis-web-scene插槽中的组件也需要传入相同的vueKey,让组件知道应该作用于哪一个mapgis-web-scene。
# vueIndex
- 类型:
Number
- 可选
- 非侦听属性
- 描述:
当mapgis-web-scene插槽中使用了多个相同组件时,例如多个mapgis-3d-igs-doc-layer组件,用来区分组件的标识符。
# horizontAngle
- 类型:
Number
- 可选
- 侦听属性
- 默认值:
60
- 描述: 观察点的水平视角
# verticalAngle
- 类型:
Number
- 可选
- 侦听属性
- 默认值:
60
- 描述: 观察点的垂直视角
# exHeight
- 类型:
Number
- 可选
- 侦听属性
- 默认值:
1.85
- 描述: 观察点的附加高度,单位为米
# unVisibleColor
- 类型:
String
- 可选
- 侦听属性
- 默认值:
#ff0000
- 描述: 不可视区域颜色,可以传16进制或者rgba任意形式颜色
# visibleColor
- 类型:
String
- 可选
- 侦听属性
- 默认值:
#00ff00
- 描述: 可视区域颜色,可以传16进制或者rgba任意形式颜色
# maskColor
- 类型:
String
- 可选
- 侦听属性
- 默认值:
rgba(37, 218, 169, 0.2)
- 描述: 可视遮罩颜色,可以传16进制或者rgba任意形式颜色
# 事件
# @load
- Description: 在 Viewshed组件 加载完毕后发送该事件
- Payload 可视域分析对象
# 示例
<template>
<mapgis-web-scene
libPath="cesium/Cesium.js"
pluginPath="cesium/webclient-cesium-plugin.min.js"
>
<mapgis-3d-raster-layer :url="url"/>
<mapgis-3d-igs-m3d
:autoReset="autoReset"
:maximumScreenSpaceError="maximumScreenSpaceError"
:url="m3dUrl"
/>
<mapgis-ui-card class="storybook-ui-card">
<mapgis-3d-viewshed
:horizontAngle="horizontAngle"
:maskColor="maskColor"
:visibleColor="visibleColor">
</mapgis-3d-viewshed>
</mapgis-ui-card>
</mapgis-web-scene>
</template>
<script>
export default {
data() {
return {
url:
"http://t0.tianditu.com/DataServer?T=vec_w&L={z}&Y={y}&X={x}&tk=9c157e9585486c02edf817d2ecbc7752",
m3dUrl: "http://develop.smaryun.com:6163/igs/rest/g3d/ZondyModels",
autoReset: true,
maximumScreenSpaceError: 8,
horizontAngle: 70,
maskColor: 'rgba(37, 218, 169, 0.2)',
visibleColor: '#00ff00',
unVisibleColor: '#ff0000'
};
},
};
</script>
<style scoped>
.storybook-ui-card {
position: absolute;
top: 10px;
left: 10px;
z-index: 1000;
}
</style>