效果图如下:
第一步:申请腾讯地图key,下载jssdk(需要引用),公众平台添加“地图选点”插件(设置-》第三方设置-》插件管理)
第二步:app.json里的配置
permission: {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序位置接口的效果展示"
}
},
plugins: {
chooseLocation: {
version: "1.0.3",
provider: "wx76a9a06e5b4e693e"
}
},
第三步:页面引用
let QQMapWX = require('./../../static/js/qqmap-wx-jssdk.js');
let qqmapsdk
生命周期里实例化
// 实例化API核心类
qqmapsdk = new QQMapWX({
key: 'key'//腾讯地图的key
});
第四步:跳转
//地图选点
Map(){
this.moveToLocation()
}
moveToLocation() {
Taro.chooseLocation({
success: function (res) {
console.log('点击确定')
console.log(res)
},
fail: function (err) {
console.log('点击取消')
console.log(err)
}
});
}
使用的Taro,写法和原生有点不一样。原生的话moveToLocation方法放在页面初始化或者点击事件里(看逻辑需求),其他的配置和引用都一样。