# 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" // 组件装载后,返回当前实例对象