qe-tileset

这个组件主要用于三维添加 3d-tile 数据。

---

注意

承载该组件的图层为 qe-primitive-layer 图层组件。

实例

隐藏代码

<template>

  <div style="height: 450px;">
    <qe-viewer
      :imagery-type="'AMap'"
      :fullscreen-button="true"
      :default-view="defaultView"
    >
      <qe-primitive-layer>
        <qe-tileset
          url="http://221.226.186.58:8025/qearth-tileset/tileset.json"
          :isZoomTo="true"
        ></qe-tileset>
      </qe-primitive-layer>
    </qe-viewer>
  </div>
</template>

<script>
import { QeViewer, QePrimitiveLayer, QeTileset } from '@qycloud/vue-qearth';
import 'vue2qearth/vue2qearth.css'

export default {
  components: {
    QeViewer, 
    QePrimitiveLayer,
    QeTileset
  },
  data () {
    return {
      markers:[],
      defaultView: [
        122.06502636, 40.7235578,
        801.6425,
        1.724684714172732,
        -53.783141852231246,
        0.008819224020548466
      ],
      isShowLayer: true
    };
  },
  methods: {
    handler(evt) {
      const attr = evt.overlay.attr;
      alert(`该要素的名称为--${attr.name}`)
    }
  }
}
</script>

Attributes

参数	说明	类型	可选值	默认值
url	模型资源地址	string/Resource	—	—
isZoomTo	是否将视图定位到当前模型处	boolean	—	false
isFlyTo	是否将视图定位到当前模型处,有飞行动画	boolean	—	false

Events

覆盖物事件的使用请参照上面Tileset 实例

---

// 覆盖物可选事件
"ready" // 组件装载后，返回当前实例对象
"tick" // 当视图缩放或者飞行到模型后的回调函数