微信小程序实现选择地图功能

1.开通腾讯地图服务，并引入相关js

var QQMapWX = require('../../../lib/qqmap-wx-jssdk.min.js');//腾讯地图js目录

//全局变量

var qqmapsdk;

 

/**页面加载方法**/

onLoad: function (options) {

// 实例化API核心类

qqmapsdk = new QQMapWX({

//腾讯地图key

key: '*********************'

});

var that = this;

//获取当前签到位置

wx.getLocation({

//地图定位类型

type: 'gcj02',

success: (res) => {

//获取坐标信息

let latitude = res.latitude;

let longitude = res.longitude;

that.analyticMap(latitude, longitude);

}

})

});

},

 

/**

* 根据地图精度纬度进行解析成中文

*/

analyticMap: function (latitude, longitude) {

let that = this;

//腾讯内置解析地图方法

qqmapsdk.reverseGeocoder({

//获取经纬度

location: {

latitude: latitude,

longitude: longitude

},

success: function (res) {

that.setData({

address: res.result.address

});

},

fail: function (res) {

console.log(res);

},

complete: function (res) {

console.log(res);

}

});

},

 

/**

* 手动选择定位地点

*/

openLocation: function () {

let that=this;

//获取当前位置

wx.chooseLocation({

success: function(res) {

that.analyticMap(res.latitude,res.longitude);

},

})

}