小程序在获取当前位置信息在地图上显示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配置以下
配置授权信息的代码
{ "pages": ["pages/index/index"], "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } } }
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, }) } }) }, })