⼩程序使⽤腾讯地图完整流程
前⾔:开发⼩程序需要得到定位和位置的省市区⽂字信息,看了所有的⽂章都没有⼀个完整和像样的,全是copy来,copy去的⽂章 - _ -!,⼀怒之下,开始了⾃⼰的踩坑之路
第⼀步:申请腾讯地图账号
1.常规的申请账号登录
2.新建应⽤
3.点击添加key
恭喜你关键的⼀步完成了
第⼆步:在公众平台,配置request路径和添加地图插件
2.添加腾讯地图插件
bingo!⼜完成⼀个
第三步:正式开始敲代码了
写文章的小程序我这个项⽬是使⽤了wepy,和其他的代码稍有不同,不影响哦1.要引⼊qqmapwx的js
import qqmapwx from '@/plugins/qqmap-wx-jssdk.min.js';
2.下⾯就是正式的代码
const qqmapsdk = new qqmapwx({
// 使⽤你在腾讯地图应⽤⽣成的key
key: 'xxxx-xxxx-xxxx-xxxx-xxxx-xxxx'
});
// ⼩程序会弹窗提⽰授权后才会执⾏
type: 'wgs84',
success(res) {
//得到经纬度
console.log(res);
location: {
latitude: res.latitude,
longitude: res.longitude
},
//成功后的回调
success: (r) => {
console.log('地址信息',r.result.address_component;)
},
fail: function (res) {
console.log(res);
}
});
}
});
呼,终于弄完了,这些看起来很容易,都是⼀步⼀个坑踩出来,兄弟们,应该没问题了吧?还有有问题?点赞,关注,触发⼈⼯服务^-^
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论