高德地图测距

1、写一个HTML页面，代码如下，首先初始化地图，初始化地图详情可查看另一篇经验，与之前初始化不同的是，这次引入地图的js中得加上鼠标工具，如下<script typ髫潋啜缅e="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值&plugin=AMap.MouseTool"></script>

3、在js代码块中添加测距方法，代码如下：function measure(){ var mouseTool = new AMap.MouseTool(map); mouseTool.rule(); }

5、添加按钮后页面显示效果如下所示

7、这时点击按钮，在地图上就可以点击连线，实现测距