微信小程序获取两点间的距离

wxml

起点坐标:终点坐标:计算距离


{{startName }}到{{endName}}的步行距离为{{item}}米

// pages/map/map.js
//要引入的js文件
var QQMapWX = require('../../utils/qqmap-wx.js');
var qqmapsdk = new QQMapWX({key: '自己的key' // 必填
});
Page({formSubmit(e){var _this = this;//调用距离计算接口qqmapsdk.calculateDistance({//mode: 'driving',//可选值：'driving'（驾车）、'walking'（步行），不填默认：'walking',可不填//from参数不填默认当前地址//获取表单提交的经纬度并设置from和to参数（示例为string格式）from: this.data.start || '', //若起点有数据则采用起点坐标，若为空默认当前地址to: this.data.end, //终点坐标success: function(res) {//成功后的回调console.log(res);var res = res.result;var dis = [];for (var i = 0; i < res.elements.length; i++) {dis.push(res.elements[i].distance); //将返回数据存入dis数组，}_this.setData({ //设置并更新distance数据distance: dis});},fail: function(error) {console.error(error);},complete: function(res) {console.log(res);}});
},startLocation(){wx.getLocation({type: 'wgs84',success:res => {const latitude = res.latitudeconst longitude = res.longitudewx.chooseLocation({latitude: latitude,longitude:longitude,success:ret=>{let start =  ret.latitude+','+ret.longitudeconsole.log(ret)this.setData({start:start,startName:ret.name})}})}})},endLocation(){wx.getLocation({type: 'wgs84',success:res => {const latitude = res.latitudeconst longitude = res.longitudewx.chooseLocation({latitude: latitude,longitude:longitude,success:ret=>{let end =  ret.latitude+','+ret.longitudeconsole.log(ret)this.setData({end:end,endName:ret.name})}})}})},/*** 页面的初始数据*/data: {start:"",end:"",startName:'',endName:''},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {},})

参考 微信小程序JavaScript SDK | 腾讯位置服务

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！