微信小程序中騰訊位置API使用

本例主要是針對于微信小程序的定位

準備工作

1. 申請開發(fā)者密鑰（key）:<a >申請密鑰</a>
2. 開通webserviceAPI服務：控制臺 -> <a >key管理</a> -> 設置（使用該功能的key）-> 勾選webserviceAPI -> 保存
3. 下載微信小程序JavaScriptSDK，<a >微信小程序JavaScriptSDK v1.2</a>，==下完了把兩個js文件放進項目中==
4. 安全域名設置，在“設置” -> “開發(fā)設置”中設置request合法域名，添加https://apis.map.qq.com，或者==開發(fā)時選擇不校驗合法域名==

小程序示例

通過關鍵字查詢附近poi

var QQMapWX = require('../../../utils/qqmap-wx-jssdk.js'); //引入SDK核心類
var qqmapsdk;
Page({
    onLoad: function () {
        // 實例化API核心類
        qqmapsdk = new QQMapWX({
            key: '申請的key'
        });
    },
    onShow: function () {
        // 調(diào)用接口
        qqmapsdk.search({
            keyword: '這里可以填寫關鍵字',
            success: function (res) {
                console.log(res);
            },
            fail: function (res) {
                console.log(res);
            },
        complete: function (res) {
            console.log(res);
        }
    });
})

逆地址解析（坐標位置描述）

var QQMapWX = require('../../../utils/qqmap-wx-jssdk.js'); //引入SDK核心類
var qqmapsdk;
Page({
    onLoad: function () {
        // 實例化API核心類
        qqmapsdk = new QQMapWX({
            key: '申請的key'
        });
    },
     onShow: function (options){
         this.getLocal();
    },
    //調(diào)用微信api獲取經(jīng)緯度然后傳入地圖API
      getLocation: function(){
        let vm = this;
        wx.getLocation({
          type: 'wgs84',
          altitude: true,
          success: function(res) {
            console.log(res);
            var latitude = res.latitude;
            var longitude = res.longitude;
            vm.getLocal(latitude, longitude)
          },
          fail: function(res){
            console.log('獲取經(jīng)緯度失敗fail')
          }
        })
      },
      //獲取當前地理位置
      getLocal: function (latitude, longitude){
        let vm = this;
        qqmapsdk.reverseGeocoder({
          location: {
            latitude: latitude,
            longitude: longitude
          },
          success: function (res) {
            console.log(res);
          },
          fail: function (res) {
            console.log('獲取API定位信息失敗');
          }
        })
      }
    })

關于位置API參數(shù)問題

<a >官方文檔</a>上有詳細介紹，這里我講一下官方文檔中不太能弄清楚的地方

1. 如果是使用小程序原生開發(fā)，API中類似于==poi_options=page_index=1==都是寫為poi_options：'page_index=1'格式
2. filter過濾器的參數(shù)需要把類型轉(zhuǎn)化為url編碼再傳入，例如：

//地址搜索,排除掉公交站的信息
search: function(e){
    var vm = this
    console.log(e.detail.value);
    qqmapsdk.search({
      keyword: e.detail.value,  //搜索關鍵詞
      region: location,
      filter: 'category<>%E5%85%AC%E4%BA%A4%E8%BD%A6%E7%AB%99',
      success: function (res) {
        console.log(res)
      }
    })
  },

關于如何轉(zhuǎn)化url編碼

你把想要的東西輸入這個<a >轉(zhuǎn)換編碼網(wǎng)站</a>,轉(zhuǎn)換了復制粘貼到代碼中就ok了！