上行下效现成测距效果实现测面功用

图片 1图片 2

图片 3

 

 

但那个意义和经验就很差了。客户愿意衡量面积能完结和测距一样的效果与利益体验(鼠标在移动绘制进度中实时呈现绘制面积,且样式效果要平等),经过一番煎熬,修改了百度测距的javascript包,终于化解。先上效果图:

  
如今做了一个百度地图API的付出品种,里面有衡量相差和衡量面积的作用要求。度量相差百度提交了包装好的javascript包——BMapLib.DistanceTool,效果如下: 

 

1、通过单击事件distClick获取构造面包车型大巴path,用到Polygon的setPath方法,然后加到地图中,并经过测算该Polygon的面积显示最后双击甘休后提醒框的总面积;

兑现格局:

如有不对之处,招待商量指正!

2、通过移动事件distMove获取鼠标移动进程的地方点point,利用Polygon类的setPositionAt方法生成动态的面。这一步须要计算鼠标移动进度中的实时面积,构造一个临时面polygon,并无需加到地图中,在鼠标移动进度元帅移动点point加到不时面path中,总计该Polygon的面积即为有的时候面积。

 

其一成效体验很好;衡量面积也交给了开源javascript包——BMapLib.DrawingManger,如下:

根本修改了DistanceTool开源包里面包车型大巴鼠标点击事件distClick和鼠标移动事件distMove那四个措施。

 

 

 

联系方式:QQ:1085634689

 图片 4

注:计算Polygon的面积选择百度开源库GeoUtils,BMapLib.吉优Utils.getPolygonArea方法。

 

* *