微信小程序用腾讯地图计算距离

九饼 - 2022-07-11 13:07:05

首先引入地图

var QQMapWX = require('../../libs/qqmap/qqmap-wx-jssdk1.2/qqmap-wx-jssdk');
var qqmapsdk;
qqmapsdk = new QQMapWX({
  key: '填申请的key'
});

从接口获得列表list后，往目的地数组push值

let destinations = [];

for (var i = 0; i < list.length; i++) {
  destinations.push({
    location: {
      lat: list[i].lat,
      lng: list[i].lng
    }
  })
}

然后使用地图接口来计算距离

let self = this;
qqmapsdk.calculateDistance({
    from: {
      latitude: userLocation.lat,
      longitude: userLocation.lng
    }, // 从当前用户的定位算
    to: destinations,
    success: (res) => {
      let elements = res.result.elements;
      let box = [];
      for (let x = 0; x < elements.length; x++) {
        let distance;
        if (elements[x].distance >= 1000) {
          distance = (elements[x].distance / 1000) + 'km';
        } else {
          distance = parseInt(elements[x].distance) + 'm';
        }
        box.push({
          id: list[x].id, 
          ... // 其他属性（略）
          distance: distance
        })
      };

      self.setData({
        list: box
      })

    },
    fail: function (failRes) {},
    complete: function (completeRes) {}
 })

特别申明：本文内容来源网络，版权归原作者所有，如有侵权请立即与我们联系（cy198701067573@163.com），我们将及时处理。

上一篇： ModStart开发者文档CMS主题教程

下一篇： ModStart快速CRUD