微信小程序腾讯地图SDK 获取当前地址实现解析

网络编程 2024/12/27 佚名

2 0 1

蝙蝠岛资源网 Design By www.hbtsch.com

如何获取用户当前地址，这个就要先用到小程序的定位功能:定位官方文档

第一步获取当前定位

在js当中写

运行项目之后会有个这样的弹窗：

这是因为开发者需要说明获取用户地理位置的用途。

解决方法：

在app.json中增加permission属性。

这样就可以获取到用户的地理坐标了。

第二步讲当前定位转换程地址信息

这个功能需要用到腾讯地图SDK：官方文档

官方文档上使用SDK的步骤写的挺详细的，还带上了各种链接：

第4步的安全域名设置在你自己的小程序管理后台里设置

以上4步都完成后，将下载好的SDK文件放到项目里。

在页面js里引入SDK：

我们需要用到的是SKD里面的reverseGeocoder()方法，所以我们在获取到用户当前坐标后调用这个方法：

这样就将地址坐标转换成了地址，在页面上简单展示出来：

完整代码

最后贴上我的js完整代码，写的有点小啰嗦了，如果有什么不太懂的地方欢迎加我qq一起讨论下：546529770，谢谢~~

/**引入SDK核心类 */
var qqSDK = require('../../apis/qqmap-wx-jssdk.min.js')

Page({

 /**
  * 页面的初始数据
  */
 data: {
  latitude: '',
  longitude: '',
  positionData: ''
 },

 /**
  * 生命周期函数--监听页面加载
  */
 onLoad: function(options) {
  var _this = this

  /**实例化SDK核心类 */
  var qqMap = new qqSDK({
   key: '3B4BZ-QHNK3-HLX34-YKUQA-YDHCV-CHFFB' //必填
  });

  /**获取当前坐标 */
  wx.getLocation({
   success: function(res) {
    var latitude = res.latitude
    var longitude = res.longitude
    qqMap.reverseGeocoder({
     success: function(res) {
      var address = res.result.address;
      _this.setData({
       latitude: latitude,
       longitude: longitude,
       positionData: address
      });
     }
    })
   }
  })
 }
})

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

微信小程序,腾讯地图sdk,获取当前地址

标签：

微信小程序,腾讯地图sdk,获取当前地址

蝙蝠岛资源网 Design By www.hbtsch.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

蝙蝠岛资源网 Design By www.hbtsch.com

评论“微信小程序腾讯地图SDK 获取当前地址实现解析”

暂无微信小程序腾讯地图SDK 获取当前地址实现解析的评论...

www.hbtsch.com 蝙蝠岛资源网

139,976影音资源

144,792福利资源

21,817软件资源

631,128技术资源

更新日志

2024年12月27日

微信小程序腾讯地图SDK 获取当前地址实现解析

微信小程序,腾讯地图sdk,获取当前地址

微信小程序弹窗输入组件的实现解析

ElementUI radio组件选中小改造

评论“微信小程序腾讯地图SDK 获取当前地址实现解析”

更新日志

友情链接

微信小程序 腾讯地图SDK 获取当前地址实现解析

微信小程序,腾讯地图sdk,获取当前地址

微信小程序 弹窗输入组件的实现解析

ElementUI radio组件选中小改造

评论“微信小程序 腾讯地图SDK 获取当前地址实现解析”

更新日志

友情链接

微信小程序腾讯地图SDK 获取当前地址实现解析

微信小程序弹窗输入组件的实现解析

评论“微信小程序腾讯地图SDK 获取当前地址实现解析”