第一步:申請騰訊位置服務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來獲取城市定位
筆者思路:進入小程序就獲取定位,并保存定位名稱球榆,判斷存在不執(zhí)行獲取位置充易;
我是onLaunch在這個方法里獲取位置随抠,當小程序初始化完成時,會觸發(fā) onLaunch(全局只觸發(fā)一次)繁涂,因為我的項目是開始就獲取用戶位置來實現(xiàn)城市切換的拱她。
貼出來了部分代碼供參考。
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? ? ?
? ? ? ? // 調(diào)用接口
? ? ? ? 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')
? },