# 绕点旋转

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>