进入小程序获取用户城市定位 ,新手参考

第一步:申请腾讯位置服务key https://lbs.qq.com/qqmap_wx_jssdk/method-reverseGeocoder.html

第二步:下载qqmap-wx-jssdk.js  地址https://lbs.qq.com/qqmap_wx_jssdk/index.html

第三步:修改app.js来获取城市定位

笔者思路:进入小程序就获取定位,并保存定位名称,判断存在不执行获取位置;

我是onLaunch在这个方法里获取位置,当小程序初始化完成时,会触发 onLaunch(全局只触发一次),因为我的项目是开始就获取用户位置来实现城市切换的。

贴出来了部分代码供参考。

var QQMapWX = require('js/qq-wx/qqmap-wx-jssdk.js');

App({

  onLaunch: function () {

    // 实例化API核心类

    var qqmapsdk = new QQMapWX({

      key: 'JNBBZ-SLJ65-L2PIK-QB3G6-****' // 必填

    });

    wx.getLocation({

      type: 'wgs84',

      success: function (res) {

        var latitude = res.latitude

        var longitude = res.longitude     

        // 调用接口

        qqmapsdk.reverseGeocoder({

          location: {

            latitude: latitude,

            longitude: longitude

          },

          success: function (res) {

            console.log(res['result']['address_component']['city']);//获取市名称

          },

          fail: function (res) {

            console.log(res);

          },

          complete: function (res) {

            console.log(res);

          }

        })


      }

    })

  },



  onShow: function () {

    console.log('App Show')

  },

你可能感兴趣的:(进入小程序获取用户城市定位 ,新手参考)