# qe-primitive-layer

图元图层组件,主要用于承载展示三维图元,比如:qe-tileset ...


# 实例

隐藏代码
<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

参数 说明 类型 可选值 默认值
name 图层名称 string
id 图层唯一 id 不设置会自动生成 string
visible 图层是否可见 boolean true
minZoom 图层最小层级,低于最小层级则不显示 Number 0
maxZoom 图层最大层级,超过则不显示 Number 25
layerOptions 图层其他可选参数 object

# Events

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


// 图层可选事件
"ready" // 组件装载后,返回当前实例对象
最后更新时间: 9/20/2022, 4:34:25 PM