微信小程序使用getLocation和openlocation获取位置和打开地图显示位置

吴嘉禧
2023-12-01

使用getLocation和openlocation时需要在app.json做以下的配置才能正常使用
app.json:

"permission": {
    "scope.userLocation": {"desc": "aaa"}
  }

// pages/test/wxml.html

<button  bindtap="location">地图</button>

// pages/test/test.js

Page({
  data:{
		
  },
  location(event) {
    const that = this;
    wx.openLocation({
        latitude: that.data.latitude, // 纬度,范围为-90~90,负数表示南纬
        longitude: that.data.longitude, // 经度,范围为-180~180,负数表示西经
        scale: 28, // 缩放比例
        name: '这是那儿哦', // 位置名
        address: '当前位置定位...', // 地址的详细说明
        success: function(res){
            // success
        },
        fail: function() {
            // fail
        },
        complete: function() {
            // complete
        }
      })
    },

  onReady(){
      const that = this;
      console.log('onReady');
      wx.getLocation({
          type: 'wgs84', // 默认为 wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标
          success: function(res){
              // success
              console.log(res);
              that.setData({
                  latitude:res.latitude,
                  longitude:res.longitude,
              })
          },
      })
  },
})
 类似资料: