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

最新推荐文章于 2024-08-23 15:32:07 发布

st紫月

最新推荐文章于 2024-08-23 15:32:07 发布

阅读量3.7k

点赞数

分类专栏：微信小程序文章标签： vue.js mysql javascript

本文链接：https://blog.csdn.net/ziyue13/article/details/121449700

版权

微信小程序专栏收录该内容

27 篇文章 4 订阅

订阅专栏

使用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,
              })
          },
      })
  },
})