最近在做一个医疗类的项目,碰到一个显示地图的问题,话不多说上代码。
1.这是准备工作,需要申请秘钥,在微信开发者平台设置域名
2.引入这个SDK的js文件
var QQMapWX = require('../../../lib/qqmap-wx-jssdk.js');
var qqmapsdk;
3.得使用微信本身自带的API wx.getLocation
onLoad: function (options) {
var that = this
// 实例化API核心类
qqmapsdk = new QQMapWX({
key: 'C2XBZ-FIGWD-76B4E-H3GJV-FGCME-Z3FJS' //这是你申请的key值
});
wx.getLocation({
type:'wgs84', //默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
success: function(res) {
console.log(res)
qqmapsdk.reverseGeocoder({
location:{
latitude: res.latitude,
longitude: res.longitude
},
success: function (addressRes){
var address = addressRes.result.address_component.city //返回的结果
console.log(address)
that.setData({
address: address
})
console.log(that)
}
})
},
})
},
4.用于搜索相关的地点
onShow: function () {
qqmapsdk.search({
keyword: '酒店',
success: function (res) {
console.log(res);
},
fail: function (res) {
console.log(res);
},
complete: function (res) {
console.log(res);
}
});
注明:可以直接使用。