今天联系项目的时候发现的高德地图中的api还是挺不错的,现在来记录一下:
主要是用到了测距RangingTool这个组件,首先你可以先静态引入一下:
<script
type="text/javascript"
src="https://webapi.amap.com/maps?v=1.4.15&key=你申请的key值&plugin=AMap.RangingTool"></script>
然后在要用的地方使用:
this.ruler = new AMap.RangingTool(this.map);
我是在vue中用的,所以记得要在data中初始化一下变量ruler
然后在要用的地方使用RangingTool自带的两个方法,测距开启和测距关闭turnOn()和turnOff()
this.ruler.turnOn();
this.ruler.turnOff();
然后就可以使用高德地图的测距功能了,还是很不错的。
如果你想要在关闭测距功能的同时把开启测距时画的线也清除掉,就可以调用这个方法
this.map.clearMap();
(补充)
今天遇到了个报错
<script
type="text/javascript"
src="https://webapi.amap.com/maps?v&