小程序通过腾讯地图接口获取两点之间的距离

最新推荐文章于 2024-12-06 16:28:45 发布

Yaso12

最新推荐文章于 2024-12-06 16:28:45 发布

阅读量2.3k

点赞数

分类专栏：小程序文章标签：小程序两点之间距离

本文链接：https://blog.youkuaiyun.com/asasasasaq/article/details/100830667

版权

小程序专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用腾讯地图JS SDK在小程序中实现多目标距离计算。通过实例演示了如何初始化SDK，设置key，并调用calculateDistance接口进行直线、驾车和步行距离的计算。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载地址

https://lbs.qq.com/qqmap_wx_jssdk/index.html

里面有详细的获取key的说明，小程序request配置有些落后，现在的配置位置：开发->开发配置->服务器域名

下面是代码

var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');

// 实例化API核心类

var qqmapsdk = new QQMapWX({

    key: 'YOUR KEY' // 必填

});

  onLoad: function (options) {
    qqmapsdk.calculateDistance({
      mode:'straight',//可选值：'driving'（驾车）、'walking'（步行 默认），'straight'（直线） 
      from: {
        latitude: 39.984060,
        longitude: 116.307520
      },
      to: [{
        latitude: 39.984572,
        longitude: 116.30633
      }, {
        latitude: 22.5425,
        longitude: 114.04985
      }],
      success: function (res) {
        //距离
        var distance = res.result.elements['0'].distance;
        var distance1 = res.result.elements['1'].distance;
        console.info(distance);
        console.info(distance1);
      },
    })
  }

本接口可以一次添加多个目标距离，支持批量操作