mapgis-3d-shadow
# 属性
# 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组件,用来区分组件的标识符。
# shadowColor
- 类型:
String
- 可选
- 侦听属性
- 默认值:
rgba(0,255,0,255)
- 描述: 阴影部分颜色
# sunColor
- 类型:
String
- 可选
- 侦听属性
- 默认值:
rgba(255,0,0,255)
- 描述: 非阴影部分颜色
# minHeight
- 类型:
Number
- 可选
- 侦听属性
- 默认值:
0
- 描述: 底部高程,单位为米
# stretchHeight
- 类型:
Number
- 可选
- 侦听属性
- 默认值:
0
- 描述: 拉伸高度,单位为米
# 方法
# removeAll
- Description: 移除阴影分析对象,移除阴影分析结果和日照分析结果。
# 事件
# @load
- Description: 在 Shadow组件 加载完毕后发送该事件
- Payload 阴影分析对象
# @analysisBegin
- Description: 在阴影分析绘制完后,开始分析前发送该事件
# @success
- 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-3d-igs-m3d
:autoReset="autoReset"
:maximumScreenSpaceError="maximumScreenSpaceError"
:url="m3dUrl"
:vue-index="vueIndex"
/>
<mapgis-ui-card class="storybook-ui-card">
<mapgis-3d-shadow
:vue-index="vueIndex"
:shadowColor="shadowColor"
:sunColor="sunColor"
@load="load"></mapgis-3d-shadow>
</mapgis-ui-card>
</mapgis-web-scene>
</div>
</template>
<script>
export default {
name: "cesiumWmtsLayer",
data() {
return {
m3dUrl: "http://develop.smaryun.com:6163/igs/rest/g3d/ZondyModels",
// m3dUrl:"http://develop.smaryun.com:6163/igs/rest/g3d/DaYanTa",
autoReset: true,
maximumScreenSpaceError: 6,
vueIndex: 22,
shadowColor:'#2E8B57',
sunColor:'#FFA500',
shadowAnalysis:undefined
};
},
methods: {
load(shadowAnalysis){
this.shadowAnalysis = shadowAnalysis;
}
}
};
</script>
<style scoped>
.storybook-ui-card {
position: absolute;
top: 10px;
left: 10px;
z-index: 1000;
}
</style>