高德地图 webjs 移动web端测距

高德地图 Web API 中提供了测距功能，可以通过调用 AMap.plugin('AMap.RangingTool') 方法来初始化测距工具，然后通过 tool.rule() 方法可以获取测距结果，具体的实现方法如下：

1. 在 HTML 文件中引入高德地图 JavaScript API：

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>

2. 在 JavaScript 文件中初始化地图并加载测距工具：

// 初始化地图
var map = new AMap.Map('mapContainer', {
  zoom: 13,
  center: [116.39, 39.9]
});

// 加载测距工具
AMap.plugin('AMap.RangingTool', function () {
  var tool = new AMap.RangingTool(map);

  // 监听测距完成事件
  AMap.event.addListener(tool, 'end', function (e) {
    var distance = e.distance; // 测距结果（单位：米）
    console.log(distance);
  });

  // 启用测距工具
  tool.turnOn();
});

3. 在 HTML 文件中添加一个地图容器：

<div id="mapContainer" style="height: 500px;"></div>

这样就可以在高德地图网页版中实现测距功能了。