qe-layer-group

图层组组件，主要用于管理图层，它本身也可以作为一个图层用于构建层次嵌套结构的数据，可以来展示多层嵌套分层的图层数据。

---

实例

隐藏代码

<template>

  <div style="height: 450px;">
    <qe-viewer
      :imagery-type="'AMap'"
      :fullscreen-button="true"
      :default-view="defaultView"
    >
      <qe-layer-group :name="'测试图层组1'">
        <qe-entity-layer :name="'测试图层1'">
          <qe-marker
            :position="[118.78600228, 31.9137434, 1.66113721]"
            :billboard="billboardOpt"
            :label="{
              text: '测试点位1',
              direction: 'right'
            }"
          />
        </qe-entity-layer>
        <qe-layer-group :name="'测试图层组2'">
          <qe-entity-layer :name="'测试图层2'">
            <qe-marker
              :position="[118.78600228, 31.9145434, 1.66113721]"
              :billboard="billboardOpt"
              :label="{
                text: '测试点位2',
                direction: 'right'
              }"
            />
          </qe-entity-layer>
      </qe-layer-group>
    </qe-layer-group>
    </qe-viewer>
  </div>
</template>

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

export default {
  components: {
    QeViewer, 
    QeEntityLayer, 
    QeLayerGroup,
    QeMarker
  },
  data () {
    return {
      divIcons:[],
      defaultView: [
        118.7863,
        31.9087,
        801.6425,
        1.724684714172732,
        -53.783141852231246,
        0.008819224020548466
      ],
      billboardOpt: {
        icon: require('../../src/assets/dataImages/locate.png')
      }
    };
  }
}
</script>

Attributes

参数	说明	类型	可选值	默认值
name	图层组名称,如果为空，将不会在图层控制组件中显示	string	—	—
id	图层组唯一标识 id，不设置会自动生成	string	—	—
visible	图层组否可见，可以控制图层组里所有图层显示隐藏	boolean	—	true
layerGroupOptions	图层组其他可选参数	object	—	—

Events

事件的使用请参照上面LayerGroup 实例

---

// 可选事件
"ready" // 组件装载后，返回当前实例对象