Skip to content

基础绘制

[去看示例]

效果展示

An image

使用示例

javascript
window.ehhGis = new EhhGis()
window.measure = new window.ehhGis.Measure(map)
map.on('load', () => {
  window.measure.distance.start() //开启测距
})

基础 API

注意

测量类初始化后,共存在distance(测距)、area(面积)、position(方位线)三种子类,子类均存在下述api


注意,开启某一子类是,请手动stop关闭其余子类


每次测量结束后,会自动关闭,需重新调用子类star方法开始

star

开启功能

javascript
window.measure.distance.start()
window.measure.position.start()
window.measure.area.start()

stop

关闭功能

javascript
window.measure.distance.stop()
window.measure.position.stop()
window.measure.area.stop()

stop

清除功能

传入对应类型,可清除地图上相关测量结果 传入空,则清除所有测量结果

javascript
window.measure.clear('distance') //清除测距
window.measure.clear('area') //清除测面
window.measure.clear('position') //清除方位线
window.measure.clear() //清除所有测量

事件

xxx.start

开始测量事件监听

javascript
map.on('distance.start', (info) => {
  console.log(info, '测距开启了')
})
map.on('area.start', (info) => {
  console.log(info, '测面开启了')
})
map.on('position.start', (info) => {
  console.log(info, '测方位线开启了')
})

xxx.end

开始测量事件监听

javascript
map.on('distance.end', (info) => {
  console.log(info.distance, '最终长度')
  console.log(info.unit, '单位 ')
})
map.on('area.end', (info) => {
  console.log(info.area, '最终面积')
  console.log(info.unit, '单位 ')
})
map.on('position.end', (info) => {
  console.log(info.bearing, '距正北度数')
  console.log(info.distance, '最终半径')
  console.log(info.unit, '单位 ')
})