赞
踩
小程序在获取当前位置信息在地图上显示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,
- })
- }
- })
- },
- })
**
原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。