微信小程序根据经纬度 获取城市信息

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Mj_kk/article/details/81666424

微信小程序可以使用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'
            });          
          }
        });
      }
    })  

猜你喜欢

转载自blog.csdn.net/Mj_kk/article/details/81666424