微信小程序坐标位置接口使用整理(一)

微信小程序坐标位置接口使用整理

常见位置使用的场景：
1.获取当前位置 坐标
2.查看位置、导航
3.选择位置、坐标
4.解析/逆解析  位置《=》坐标
5.路线规划
 

一、获取当前位置，wx.getLocation()

官方API:wx.getLocation(Object object) | 微信开放文档

支持小程序手机端，windows电脑端，mac电脑端。

使用案例：

     //获取当前位置
    wx.getLocation({
      success: res => {
        console.info(res);
      },
      fail: res => {
        console.error(res);
      }
    })

 特别说明：小程序中获取位置需要经过用户授权，需要在配置总设置使用说明。

app.json配置如下：描述内容自行修改

  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示" 
    }
  }

二、wx.openLocation(Object object) 地图打开位置导航

官网API：wx.openLocation(Object object) | 微信开放文档

支持小程序手机端，Mac电脑端

    //获取当前位置
    wx.getLocation({
      success: res => {
        console.info(res);
        //打开位置
        wx.openLocation({
          latitude: res.latitude,
          longitude: res.longitude,
          name: '阿斯蒂芬',
          address: '12341234'
        })
      },
      fail: res => {
        console.error(res);
      }
    })

三、wx.chooseLocation(Object object)选择位置，选择商圈

官方API：wx.chooseLocation(Object object) | 微信开放文档

仅支持小程序手机端

    wx.chooseLocation({
      latitude: 0,
      success:res=>{
        console.info(res);
      }
    })

 

其他接口完善中 

更多：

 微信小程序switch 样式重写

 小程序Image组件长按识别支持的码