求H5 或者VUE 地图获取当前位置和结束位置的距离？

Question

求一个vue单页面或者H5 对接任意地图的API 获取当前位置 输入结束位置 并测算公里距离的dome
类似这样的

Answer 1

直接用你对接的第三地地图的算路API就好了。比如说百度地图的 驾车路线规划
设置好起点和终点，返回体的方案集中，就有各线路的距离、耗时等信息。

---

起点、终点位置定位可以使用你的第三方地图的定位服务，比如说百度地图：

• 普通IP定位 | 百度地图API SDK 获取当前位置信息
• 地理编码 | 百度地图API SDK 来获取终点信息

需要提醒的是API调用是有额度的，所以不要使用你自己的个人AK作为生成环境KEY，前期自己开发的时候可以先用着，同时需要申请公司的AK之后需要替换上去。

---

另外网页端并非APP定位并不是特别精准，一般情况下误差小则50米左右，有些时候误差大到1 ~ 2公里。所以如果需要高精度定位的，得考虑APP开发或者小程序开发。

要是公司没有专门的APP开发的话，可以考虑使用 uni-app 先应付着。
如果考虑的是小程序开发的话，微信自带了一些定位服务，可以直接使用的 👇

• wx.getLocation(Object object) | 微信开放文档
• wx.chooseLocation(Object object) | 微信开放文档