微信小程序> 微信小程序获取地理位置(腾讯地图)

微信小程序获取地理位置(腾讯地图)

浏览量:590 时间: 来源:LLL_LH

由于小程序只提供了获取当前的地理位置、速度的api,所以我们还需要借助第三方服务进行逆地址解析。

https://developers.weixin.qq.com/miniprogram/dev/api/wx.getLocation.html

wx.getLocation({...});获取当前位置的经纬度

 

1、进入腾讯地图位置服务网址,然后申请密钥https://lbs.qq.com/console/key.html

2、下载微信小程序JavaScriptSDKhttps://lbs.qq.com/qqmap_wx_jssdk/

3、在“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com

4、把下载的javascriptsdk放入小程序,然后在页面里引入:

var QQMapWX = require('../../src/qqmap-wx-jssdk.min.js');var qqmapsdk;Page({onLoad(){// 实例化腾讯地图API核心类          qqmapsdk = new QQMapWX({            key: 'xxxxxxxxxxxxxxxxxxxx' // 必填          });          //1、获取当前位置坐标          wx.getLocation({            type: 'wgs84',            success: function (res) {              console.log(res);              //2、根据坐标获取当前位置名称,显示在顶部:腾讯地图逆地址解析              qqmapsdk.reverseGeocoder({                location: {                  latitude: res.latitude,                  longitude: res.longitude                },                success: function (addressRes) {                  console.log(addressRes);                  var address = addressRes.result.formatted_addresses.recommend;                  app.globalData.address = address;                }              })            }          })}})

腾讯地图逆地址解析:

https://lbs.qq.com/qqmap_wx_jssdk/method-reverseGeocoder.html

微信小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎