本篇内容介绍了“小程序怎么调用腾讯地图”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
腾讯地图提供了供小程序使用的SDK,可结合地图组件和api进行快速调用,首次使用需要申请秘钥,下载sdk文件qqmap-wx-jssdk.js。需要设置安全域名
index.wxml文件如下
<view><text>经度{{jd}}</text></view>
<view><text>纬度{{wd}}</text></view>
<view><text>地点{{address}}</text></view>
index.js文件如下
varQQMapWX= require('../libs/qqmap-wx-jssdk.js');
var qqmapsdk;
Page({
data:{
},
onLoad:function(options){
qqmapsdk =newQQMapWX({
key:'22VBZ-REEK5-WVSI7-QKCOP-QPM6E-W7BPO'
});
},
onReady:function(){
var that=this
wx.getLocation({
type:'wgs84',
success:function(res){
console.log(res)
var latitude1= res.latitude
var longitude1= res.longitude
qqmapsdk .reverseGeocoder({
location:{
latitude: latitude1,
longitude: longitude1
},
success:function(res){
console.log(res);
var add= res.result.address
that.setData({
wd: latitude1,
jd: longitude1,
address: add
})
}
});
}
在这里调用了逆地理解析reverseGeocoder,对地理解析结果读取获取当前位置。
“小程序怎么调用腾讯地图”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!