小程序调用腾讯地图如何实现
很多情况我们在开发小程序时，需要调用腾讯地图的数据，来作为地图导航。那么该如何实现？
腾讯地图提供了供小程序使用的SDK，可结合地图组件和api进行快速调用，访问地址为http://lbs.qq.com/qqmap_wx_jssdk/index.html。首次使用需要申请秘钥，下载sdk文件qqmap-wx-jssdk.js。需要设置安全域名https://apis.map.qq.com
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，对地理解析结果读取获取当前位置。
多程序小程序工具提供多类型商城/门店小程序制作，可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面，所看即所得，只需要美工就能做出精美商城。
更多小程序开发案例，尽在：http://www.duochengxu.comkaifa.html
上一篇
微信小程序中如何打开另一个小程序
下一篇
小程序分享页面返回首页跳转首页
论坛资讯同步说明，本文同步自论坛：bbs.miaozhizuo.com，如您在论坛注册成为会员用户并且发帖，则默认论坛文章同步协议，协议内容请移步论坛查看！
