# 绕点旋转
mapgis-3d-rotate
# 属性
# 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-statebar 组件,用来区分组件的标识符。
# 事件
# @loaded
- 描述 返回当前组件对象
- Payload 可通过抛出的对象调用组件中的方法
# 示例
<template>
<mapgis-web-scene style="height:100vh">
<mapgis-3d-ogc-wmts-layer
:baseUrl="url"
:wmtsLayer="layer"
:tileMatrixSet="tileMatrixSet"
:format="format"
:tilingScheme="tilingScheme"
:token="token"
></mapgis-3d-ogc-wmts-layer>
<mapgis-3d-scene-layer :url="m3dUrl1" :autoReset="autoReset" />
<mapgis-ui-card class="storybook-ui-card">
<mapgis-3d-rotate @loaded="loaded"></mapgis-3d-rotate>
</mapgis-ui-card>
<mapgis-3d-statebar></mapgis-3d-statebar>
</mapgis-web-scene>
</template>
<script>
export default {
data() {
return {
url: "http://t0.tianditu.gov.cn/img_c/wmts",
tileMatrixSet: "c",
tilingScheme: "EPSG:4326",
layer: "img",
format: "tiles",
token: {
key: "tk",
value: "9c157e9585486c02edf817d2ecbc7752",
},
baseUrl:
"http://${window.webclient.ip}:${window.webclient.port}/igs/rest/mrms/docs/北京市",
boundaryStyle: {
color: "#1E90FF",
opacity: 0.5,
outlineColor: "rgba(0,191,255,0.5)",
},
autoReset: true,
m3dUrl1: `http://${window.webclient.ip}:${window.webclient.port}/igs/rest/g3d/ZondyModels`,
};
},
methods: {
loaded(e) {
// 获取旋转组件对象
this.rotate = e;
},
},
};
</script>