微信小程序内怎么导入地图,距离测算

进入腾讯地址服务官网。

在微信小程序中插入个性化地图：进入腾讯地址服务官网，控制台、个性化地图、个性化样式、样式选择。>

先定位目前的位置，再根据输入的目的地进行两地之间的距离计算。（前提是先导入高德地图相应的sdk包）。

对于iOS或者安卓同学来说，可能会觉得特别简单吧。OC里就有原生类CLLocation计算坐标点距离。当然，大多数时候我们都是直接使用第三方计算，比如百度SDK。

但是接触到微信小程序后，由于可能刚起步，许多API并不完善。像百度SDK关于微信小程序的就没有提供这样的接口去计算。 百度地图微信小程序JS API

仔细翻一番看看，在开发指南->获取地图数据 菜单下只看到4个最基本的功能（POI检索、POI检索热词联想、逆地址解析、天气查询），并没有看到关于计算距离的。看到这些还好，至少不会继续下去入坑了。

后来我就度娘了，第一条检索就是腾讯地图开放平台的内容。这也是为什么今天我要写这篇文章的原因，我入坑了。友情提示，使用腾讯地图确实可以计算两坐标距离，但是呢？只能是10km以内的距离。不然调用后返回结果： status: 373, message: "起终点距离超长"

如果不在意只是10km以内距离的话，想要去集成腾讯地图SDK，文档在此  腾讯地图微信小程序JavaScript SDK

最终解决方案只能自己算了，不用第三方了。

//计算两坐标点之间的距离

  getDistance: function (lat1, lng1, lat2, lng2) {

    lat1 = lat1 || 0

    lng1 = lng1 || 0

    lat2 = lat2 || 0

    lng2 = lng2 || 0

    var rad1 = lat1 * Math.PI / 180.0

    var rad2 = lat2 * Math.PI / 180.0

    var a = rad1 - rad2

    var b = lng1 * Math.PI / 180.0 - lng2 * Math.PI / 180.0

    var r = 6378137

    return (r * 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(rad1) * Math.cos(rad2) * Math.pow(Math.sin(b / 2), 2)))).toFixed(0)

  },

需要注意的是，该方法返回单位为米，如果想要转换成公里，除以1000即可。

1.在微信小程序中，可以使用wx.getLocation API来获取用户的实时位置信息，但是可能会受到用户当前的移动性的影响，所以可以使用虚拟定位的方式来实现。

2.首先，需要在小程序中设置一个按钮来控制用户的虚拟定位，这个按钮可以是一个开关，用户每次点击它就可以切换到不同的位置，可以在小程序中设置一个数组来存储不同的位置信息，比如经纬度、地址等。

3.然后，就可以使用wx.getLocation API来获取用户虚拟定位的位置信息了，API的参数中需要传入一个type参数，表示获取用户的位置信息类型，如果使用虚拟定位，需要将type设置为“gcj02”，这样就可以获取用户虚拟定位的位置信息了。

4.最后，可以使用wx.openLocation API来打开用户虚拟定位的位置，API的参数中需要传入一个latitude和longitude参数，分别表示用户虚拟定位的经纬度，就可以在微信小程序中虚拟定位了。

---