根据详情地址解析经纬度,获取位置(腾讯地图)
var QQMapWX = require('../../common/qqmap-wx-jssdk.min.js');
var qqmapsdk;
onLoad: function (options) {
qqmapsdk = new QQMapWX({
key: '你的腾讯地图key'
});
},
//解析地址为经纬
detaiAddress: function (e) {
let {
id
} = e.currentTarget.dataset
let index = this.data.list.findIndex(item => item.company_id == id);
let title = '';
if (index != -1) {
title = this.data.list[index].company_address;
}
var that = this;
qqmapsdk.geocoder({
//获取表单传入地址
address: title, //地址参数,例:固定地址,address: '北京市海淀区彩和坊路海淀西大街74号'
success: function (res) { //成功后的回调
console.log(res);
var res = res.result;
var latitude = res.location.lat;
var longitude = res.location.lng;
that.data.returnDetail = res.title;
that.lunchMap(latitude, longitude, res.title); //唤起地图
},
fail: function (error) {
console.error(error);
wx.showToast({
title: error.message,
icon: 'none'
})
},
complete: function (res) {
// console.log(res);
}
})
},
// 唤起小程序内置地图
//唤起地图
lunchMap: function (latitude, longitude, title) {
var that = this;
wx.openLocation({
latitude: latitude, // 纬度,浮点数,范围为90 ~ -90
longitude: longitude, // 经度,浮点数,范围为180 ~ -180。
name: title, // 地图上显示的位置名
address: '', // 地址详情说明
scale: 15, // 地图缩放级别,整形值,范围从5~28。
infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
});
},
免责申明:
1. 本站所有教程、文章或资源分享目的仅供大家学习和交流!
2. 如有无法查看或链接失效,麻烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。 所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。