中地数码

mapgis-3d-viewpoint-manager

# 属性

# viewpointConfig

  • 类型: Array
  • 可选
  • 侦听属性
  • 描述: 视点管理组件的视点列表配置信息。其中单个视点结构如下表：
属性 类型 描述
name String 视点名称
image String 视点缩略图的路径。
destination Object 视点位置，如：{ x: 104, y: 28.011763478186143, z: 10071759.273162084 }
orientation Object 视点朝向，如：{ heading: 360, pitch: -90, roll: 0 }
duration Number 视点跳转所需的时间（秒）
  • 示例:
        [
        {
            name: "中国",
            image: require("./ViewpointManager/upload/china.jpg"),
            destination: {
                x: 108.91,
                y: 32.52,
                z: 5000000.0,
            },
            orientation: {
                heading: 360,
                pitch: -90,
                roll: 0,
            },
            duration: 0.5,
        },
        {
            name: "武汉",
            image: require("./ViewpointManager/upload/wuhan.jpg"),
            destination: {
                x: 114.21,
                y: 30.42,
                z: 150000.0,
            },
            orientation: {
                heading: 360,
                pitch: -90,
                roll: 0,
            },
            duration: 0.5,
        }
    ]

# 事件

# @loaded

  • Description: 在 视点管理组件 加载完毕后发送该事件
  • Payload 视点管理组件对象

# @unload

  • Description: 在 视点管理组件 销毁时发送该事件
  • Payload 视点管理组件对象

# @change

  • Description: 在 视点列表改变 时发送该事件
  • Payload 视点列表配置信息 数组

# 示例

<template>
  <mapgis-web-scene style="height:95vh">
    <mapgis-3d-raster-layer
      url="http://t0.tianditu.com/DataServer?T=vec_w&L={z}&Y={y}&X={x}& tk=9c157e9585486c02edf817d2ecbc7752"
    />
    <mapgis-3d-scene-layer
      :autoReset="autoReset"
      :maximumScreenSpaceError="maximumScreenSpaceError"
      :url="m3dUrl"
    />
    <mapgis-3d-viewpoint-manager
      style="position:absolute;top:10px;left:10px;background:#fff"
    />
  </mapgis-web-scene>
</template>

<script>
export default {
  data() {
    return {
      m3dUrl: "http://develop.smaryun.com:6163/igs/rest/g3d/ZondyModels",
      autoReset: true,
      maximumScreenSpaceError: 8,
    };
  },
  methods: {},
};
</script>

← 图层拾取 →