qe-set-model-visible

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

---

实例

隐藏代码

<template>

  <div style="height: 450px;">
    <div  style="height: 8%;">
      <button @click="SetModelaVisible('groups1')" style="height: 30px;">A显示/隐藏</button>
      <button @click="SetModelbVisible('groups2')" style="height: 30px;">B显示/隐藏</button>
      <button @click="getModel('groups1')" style="height: 30px;">打印模型</button>
    </div>
    <qe-viewer
      style="height: 90%;"
      :imagery-type="'TMap'"
      :fullscreen-button="true"
      :default-view="defaultView"
    >
      <qe-primitive-layer>
        <qe-tileset :id="'groups1'" :url="urla" :isZoomTo="false"></qe-tileset>
        <qe-tileset :id="'groups2'" :url="urlb" :isZoomTo="true"></qe-tileset>
      </qe-primitive-layer>
      <qe-set-model-visible ref="smv" />
    </qe-viewer>
  </div>
</template>

<script>
import { QeViewer, QeSetModelVisible, QePrimitiveLayer, QeTileset } from '@qycloud/vue-qearth';
import 'vue2qearth/vue2qearth.css'
let _viewer = null

export default {
  components: {
    QeViewer, 
    QeSetModelVisible,
    QePrimitiveLayer, 
    QeTileset
  },
  data () {
    return {
      defaultView: [
        118.7863,
        31.9087,
        801.6425,
        1.724684714172732,
        -53.783141852231246,
        0.008819224020548466
      ],
      urla: 'https://gis1.ldwzh.com:28015/panjin3D/HZRL/tileset.json',
      urlb: 'https://gis1.ldwzh.com:28015/panjin3D/JFKJ/tileset.json',
      modelavisible: false,
      modelbvisible: false
    };
  },
  methods: {
    SetModelaVisible(id) {
      // 模型id，是否显示模型，是否飞到模型
      this.$refs.smv.setModelVisible(id, !this.modelavisible, true)
      this.modelavisible = !this.modelavisible
    },
    SetModelbVisible(id) {
      this.$refs.smv.setModelVisible(id, !this.modelbvisible, true)
      this.modelbvisible = !this.modelbvisible
    },
    getModel(id) {
      console.log(this.$refs.smv.getModel(id))
      this.$refs.smv.getModel(id).delegate.then((e) => {
        // 状态
        console.log('显示隐藏', e.show)
      })
    },
    readyHandler(e) {
      _viewer = e
    }
  }
}
</script>