微信小程序中定位城市

问问计算机

发布于 2021-09-03 14:18:51

1.8K0

发布于 2021-09-03 14:18:51

文章被收录于专栏：问问计算机

示例：

在微信小程序中，如何实现上述的“你所在地区”的显示。

①引入qqmap-wx-jssdk.js，如下：

（图片来自：https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview）

②在控制台中创建对应类型的应用程序，如下：

③然后在小程序的代码中使用如下方式获取对应的城市，用于地址定位的功能点上：

var QQMapWX = require('qqmap-wx-jssdk.js');
var qqmapsdk;
const getCurCity = function (callback) {
  qqmapsdk = new QQMapWX({
    key: '*****************'
  });
  wx.getLocation({
    type: 'wgs84',
    success: function (res) {
      var latitude = res.latitude
      var longitude = res.longitude
      console.log('latitude')
      console.log('longtitude')
      qqmapsdk.reverseGeocoder({
        location: {
          latitude: latitude,
          longitude: longitude
        },
        success: function (res) {
          var city=res.result.ad_info.city;
          if(city.endsWith('市'))
          {
            city=city.substr(0,city.length-1);
          }
          if(callback)
          {
            callback(city);
          }
        }
      });
    }
  })
}

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2021-08-24，如有侵权请联系 cloudcommunity@tencent.com 删除

小程序