底图切换

vc-baseMap 组件用于加载底图切换的组件。

示例

加载底图切换组件

预览

代码

收起

<template>
  <div class="viewer">
    <vc-viewer :timeline="timeline">
        <vc-base-map
          v-if="showbaseMap"
          @layerChanged="layerChanged"
          style="position: absolute; bottom: 100px; right: 0"
        ></vc-base-map>
    </vc-viewer>
    <div class="demo-tool">
      <el-button size="small" type="primary" class="md-raised md-accent" @click="toggle()">移除地图切换</el-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showbaseMap: true,
      timeline: false     
    }
  },
  methods: {
    layerChanged(oldlayer, newlayer) {
      console.log(oldlayer, newlayer)
    },
    toggle() {
      this.showbaseMap = !this.showbaseMap
    },
  },
}
</script>

属性

属性名	类型	默认值	描述
baseMapList	Array	{}	optional 指定底图切换的数据对象[{imageUrl:'',type:'ImageryLayers',name:'天地图',mapUrl:'',底图地图地址}]。

---

事件

事件名	参数	描述
ready	{Cesium, viewer}	该组件渲染完毕时触发，返回 Cesium 类, viewer 实例。
layerChanged	oldlayer,newlayer	底图切换成功后触发，返回旧的底图和新的底图对象。