Vue QEarth

# qe-tool-box

通用工具箱，包括测距，测面，测高工具，标绘矩形，多边形，圆工具。

注意 测距工具的计量单位在距离小于100米时为米，否则为千米

注意 在没有三维模型的区域使用测高工具会由于没有高度发生异常

注意 更多标绘功能请使用标绘组件qe-plot

# 实例

隐藏代码 
<template>

  <div style="height: 650px;position:relative;">  
    <qe-viewer 
      :imagery-type="'TMap'"
      :fullscreen-button="true"
      :default-view="defaultView"
    >
      <qe-tool-box
        :auto-clear="true"
        :enable-hover="false"
        @info="handleInfo"
        @tabClick="handlerClick"
      >
        <a @click="handleCustomClick">按钮A</a>
      </qe-tool-box>
    </qe-viewer>
  </div>
</template>

<script>
import {
  QeViewer,
  QeToolBox
} from '@qycloud/vue-qearth'
import 'vue2qearth/vue2qearth.css'
import elementUI from 'element-ui'
import Vue from 'vue'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(elementUI)

export default {
  components: {
    QeViewer, 
    QeToolBox
  },
  data () {
    return {
      defaultView: [
        118.7863,
        31.9087,
        801.6425,
        0,
        -50,
        0
      ]
    };
  },
  methods:{
    handlerClick(type) {
      console.log(type)
    },
    handleInfo(info) {
      console.log(info)
    },
    handleCustomClick() {
      console.log(111)
    },
  }
}
</script>

# Attributes

参数 说明 类型 默认值
buttons 按钮列表 array ['distance','area','height','rectangle','polygon','circle','InscribedEllipse','screenshot','clear']
autoClear 是否自动清除上一个图形 boolean false
enableHover 是否悬停展开 boolean true
clampToGround 是否贴地测量 boolean true

# Events

"tabClick" // 默认点击事件
"click" // 自定义点击事件

← qe-flood →