Taro開發微信小程序之利用騰訊地圖sdk標記

首先要下載騰訊地圖提供的sdk，放在項目的對應目錄下，引用。

import QQMapWX from '../../sdks/qqmap-wx-jssdk'

　　設置好后，就可以開始使用了。

　　let qqmapsdk = new QQMapWX({
      key: '自己申請的key'
    })
　　let _this = this
    Taro.getLocation({
      type: 'wgs84',
      success(res) {
　　　　　_this.setState({
　　　　　　latitude = res.latitude

　　　　　　longitude = res.longitude

})

 } }) let mks =[] let _this = this //這里聲明下_this，使用taro的this.直接操作到微信調試工具會報錯(可能是我姿勢不對)

 　　qqmapsdk.search({ 
　　　　keyword: '工廠',
　　　　success: function (res) { 
　　　　　　// let _this = this 
　　　　　　mks =[] for (let i =0; i < res.data.length; i++) { 
　　　　　　　　mks.push({ 
　　　　　　　　　　title: res.data[i].title, 
　　　　　　　　　　id: res.data[i].id, 
　　　　　　　　　　latitude: res.data[i].location.lat, 
　　　　　　　　　　longitude: res.data[i].location.lng, 
　　　　　　　　　　iconPath: workermarker, //圖片路徑
　　　　　　　　　　width: 20, height: 20 }
　　　　　　　　)} 
　　　　　　　　console.log(mks) 
　　　　　　　　_this.setState({ markers: mks }) 
　　　　　　　　// this.setData({ // markers: mks // })  
　　　　　　　　console.log(res)
　　　　}, fail: function (res) { console.log(res) }, complete: function (res) { console.log(res) } })

好了，這樣就可以愉快的在地圖上實現標記了。

真機調試的時候看不數據，嚇一跳，一百度，原來是沒用勾選詳情下面的“不校驗合法域名、web-view（業務域名）、TLS 版本以及 HTTPS 證書”，勾選了就可以了。