- 首先说下需求，需要获取用户当前的定位，在根据用户选择的地址进行计算距离，当超过500米后，提示用户当前定位距离太远
获取用户当前的定位使用uniapp中的uni.getLocation这个api
- 获取用户精准的定位使用type:'gcj02'
- 在h5中这个要放到https的域名下，否则还是会有偏差的
用户打开地图进行选择地址使用uni.chooseLocation
- 打开后，用户在地图上进行拖动选择位置，此时这个下面会有提示当前距离你的位置多少米，这个是不准确的
- 当你一直拖动很远的距离后，还是会显示小于100米，但是你是用搜索出来的位置会显示几公里
- 这个我是使用的腾讯地图的sdk进行计算的距离qqmapsdk.calculateDistance这个api
- 如果你是用腾讯地图的sdk提示跨域的时候，网上有很多解决方法，也可以看我的另一篇文章或者直接联系我也可以
最后，使用腾讯地图sdk的密钥要在图中的位置进行添加上
image.png
- 密钥就需要你去腾讯申请了，网上都有，这里就不在叙述了
网友评论