本文作者:DurkBlue

微信小程序根据所获取的经纬度来获取城市数据推荐

DurkBlue 2021-07-04 2384 抢沙发
微信小程序根据所获取的经纬度来获取城市数据摘要: 微信小程序可以使用wx.getLocation 直接获取用户位置信息,里面含有经纬度参数。如果需要获取详细位置,如省市区,附近街道等,就需要引用第三方js。我使用的腾讯地图SDK,...

微信小程序可以使用wx.getLocation 直接获取用户位置信息,里面含有经纬度参数。


如果需要获取详细位置,如省市区,附近街道等,就需要引用第三方js。我使用的腾讯地图SDK,毕竟是一家,一家人就要整整齐齐在一起。


1.申请开发者密钥(key)


2.下载腾讯地图SDK


3.安全域名设置,需要在微信公众平台添加域名地址https://apis.map.qq.com


4.小程序实例:


  a.引用js


var QQMapWX = require('../../lib/qqmap-wx-jssdk.js');   // 引入腾讯地图SDK核心类

 

 b.调用


 


var that=this,qqmapsdk;
    qqmapsdk = new QQMapWX({
      key: 'key'
    });  
 
 
 wx.getLocation({  //获取当前地址
      type: 'wgs84',
      success: function (res){
        var latitude = res.latitude // 纬度,浮点数,范围为90 ~ -90
        var longitude = res.longitude // 经度,浮点数,范围为180 ~ -180
        //根据经纬度获取所在城市
        qqmapsdk.reverseGeocoder({
          location: {latitude: latitude,longitude: longitude},
          success: function (res) {
            //address 城市
            that.setData({ address: res.result.address_component.city})
            wx.showToast({
              title: `当前位置: ` + that.data.address,
              icon: 'none'
            });          
          }
        });
      }
    })


此篇文章由DurkBlue博客申请发布,转载吧请注明来处
文章投稿或转载声明

来源:DurkBlue版权归原作者所有,转载请保留出处。本站文章发布于 2021-07-04
温馨提示:文章内容系作者个人观点,不代表DurkBlue博客对其观点赞同或支持。

赞(0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论取消回复

快捷回复:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog

评论列表 (暂无评论,2384人围观)参与讨论

还没有评论,来说两句吧...