# qe-entity-layer
实体图层组件,主要用于承载展示三维实体覆盖物,比如:
qe-marker/qe-polyline...
# 实例
隐藏代码
<template>
<div style="height: 450px;">
<qe-viewer
:imagery-type="'AMap'"
:fullscreen-button="true"
:default-view="defaultView"
>
<qe-entity-layer v-if="isShowLayer">
<qe-marker
:position="[ 118.7859665, 31.91360569,0]"
:billboard="{
icon: require('../../src/assets/dataImages/locate.png')
}"
:label="{
text: '图书馆',
direction: 'right'
}"
></qe-marker>
</qe-entity-layer>
</qe-viewer>
</div>
</template>
<script>
import { QeViewer, QeEntityLayer, QeMarker } from '@qycloud/vue-qearth';
import 'vue2qearth/vue2qearth.css'
export default {
components: {
QeViewer,
QeEntityLayer,
QeMarker
},
data () {
return {
defaultView: [
118.7863,
31.9087,
801.6425,
1.724684714172732,
-53.783141852231246,
0.008819224020548466
],
isShowLayer: true
};
}
}
</script>
# Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
name | 图层名称 | string | — | — |
id | 图层唯一 id 不设置会自动生成 | string | — | — |
visible | 图层是否可见 | boolean | — | true |
minZoom | 图层最小层级,低于最小层级则不显示 | Number | — | 0 |
maxZoom | 图层最大层级,超过则不显示 | Number | — | 25 |
layerOptions | 图层其他可选参数 | object | — | — |
# Events
覆盖物事件的使用请参照上面EntityLayer 实例
// 图层可选事件
"ready" // 组件装载后,返回当前实例对象