小程序在获取当前位置信息在地图上显示

小程序在获取当前位置信息在地图上显示api:https://developers.weixin.qq.com/miniprogram/dev/api/wx.getLocation.html

主要方法：

wx.getLocation({
  type: 'wgs84',
  success(res) {
    const latitude = res.latitude
    const longitude = res.longitude
  }
})

这一步的时候，会出现在这样的提示：

 

 

所以要进入app.json配置以下
参考API:
https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#permission

配置授权信息的代码

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

 

图片.png

 

 

 

 

OK，具体代码也贴一下：

index.wxml

 <view bindtap="getLocation">获取当前位置信息</view>

index.js

var app = getApp()
Page({
  data: {  
  },
  onLoad: function (options) {
  },

  getLocation:function(){
    wx.getLocation({
      type: 'wgs84',
      success(res) {
        const latitude = res.latitude
        const longitude = res.longitude
        wx.openLocation({
          latitude:latitude,
          longitude:longitude,
        })
      }
    })
  },
})

**