qe-set-layer-visible

这个组件主要用于切换(指定id的)图层的显示隐藏。

---

实例

隐藏代码

<template>

  <div style="height: 450px;">
    <div  style="height: 8%;">
      <button @click="setLayerVisible('sssfa', true)" style="height: 30px;">显示</button>
      <button @click="setLayerVisible('sssfa', false)" style="height: 30px;">隐藏</button>
      <button @click="getLayerVisible('sssfa')" style="height: 30px;">显不显？</button>
    </div>
    <qe-viewer
      style="height: 90%;"
      :imagery-type="'TMap'"
      :fullscreen-button="true"
      :default-view="defaultView"
      @ready="readyHandler"
    >
      <qe-imagery-layer
        :id="'sssfa'"
        :is-base-layer="false"
        :imagery-provider-type="imageryProviderType"
        :imagery-options="imageryOptions"
      ></qe-imagery-layer>
      <qe-set-layer-visible ref="slv" />
    </qe-viewer>
  </div>
</template>

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

export default {
  components: {
    QeViewer, 
    QeImageryLayer,
    QeSetLayerVisible
  },
  data () {
    return {
      defaultView: [
        118.7863,
        31.9087,
        801.6425,
        1.724684714172732,
        -53.783141852231246,
        0.008819224020548466
      ],
      imageryProviderType: 'TMap',
      imageryOptions: {
        type: 'img_c'
      }
    };
  },
  methods: {
    setLayerVisible(id, type) {
      this.$refs.slv.setLayerVisible(id, type)
    },
    getLayerVisible(id) {
      console.log(this.$refs.slv.getLayerVisible(id))
    },
    readyHandler(e) {
      e.removeDefaultLayers()
    }
  }
}
</script>