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

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

1、主要功能:

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

2、效果图:

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

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();//初始加载时,主动触发地图事件计算面积

 

你可能感兴趣的:(GIS,高德,地图,围栏,多边形,越栏)