调用wx.openLocation接口会在微信小程序内打开腾讯地图显示坐标位置

wx.openLocation的参数说明

image.png

  1. index.wxml
  2. <view>
  3.   <button bindtap='getLocation'>获取当前位置</button>
  4.   <button bindtap='openmap'>在地图内查看当前位置</button>
  5. </view>
  1. index.js
  2. Page({
  3.   data:{
  4.     latitude:"",
  5.     longitude:""
  6.   },
  7.   getLocation: function(){
  8.     let _that = this;
  9.     wx.getLocation({
  10.       type: 'gcj02',
  11.       altitude:true,
  12.       success(res) {
  13.         const latitude = res.latitude
  14.         const longitude = res.longitude
  15.         _that.setData({
  16.           latitude: latitude,
  17.           longitude: longitude
  18.         })
  19.       }
  20.     })
  21.   },
  22.   openmap: function(){
  23.     let latitude = this.data.latitude;
  24.     let longitude = this.data.longitude;
  25.     console.log(latitude, longitude)
  26.     wx.openLocation({
  27.       latitude,
  28.       longitude,
  29.       scale: 14
  30.     })
  31.   }
  32. })

需要注意的是，wx.openLocation中使用的是GCJ-02国家测绘局坐标系，所以在使用wx.getLocation获取坐标的时候也要使用GCJ-02，这样才能保证定位的准确性。在地图中显示当前位置如图4.12所示。
image.png