基于高德地图实现可编辑的电子围栏功能【多边形围栏】

上次基于高德地图实现了圆形围栏功能,但限于实地使用场景,故近期重新升级到多边形电子围栏,经过反复测验及优化,目前可正常使用。

1、主要功能:

  1. 多边形围栏的CURD;
  2. 自定义变数,形状;
  3. 自动计算变数及面积。

2、效果图:

3、核心代码:

            //Update by liangxin at 2020-09-03             
             map.setFitView([ polygon ]);
	         polyEditor.on('addnode', function(event) {
	         	 polyEditorEvent(event.target.getPath());
	         })
	         polyEditor.on('adjust', function(event) {
	         	polyEditorEvent(event.target.getPath());
	         })

	         polyEditor.on('removenode', function(event) {
	         	polyEditorEvent(event.target.getPath());
	         }) 

	         polyEditor.on('end', function(event) {
	         	polyEditorEvent(event.target.getPath());
	             
	         })
	         polyEditor.open();polyEditor.close();//初始加载时,主动触发地图事件计算面积

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值