微信小程序如何获取地理位置、地图显示，逆地址解析。

微信严格了获取客户位置的要求，需要申请地理位置权限和声明。
自 2022 年 7 月 14 日后发布的小程序，若使用地理位置接口，需要在 app.json 中进行声明。
申请时需要选择适合的小程序类目、填写需要调用接口的理由和小程序图片或视频（可以弄点儿UI设计的图稿放进去,显示小程序需要该接口，同意（开通）之后才能使用位置信息）

1.在微信公众平台申请开通获取地理位置的接口

2.在app.json中声明

3.在js文件夹中使用API位置中wx.getLocation、wx.openLocation 等获取位置信息
wx.getLocation({
type: ‘wgs84’,//wgs84为GPS全球定位,可用gcj02(中国国家测绘局)，精度高些
success (res) {
const latitude = res.latitude
const longitude = res.longitude
const speed = res.speed
const accuracy = res.accuracy
}
})

这两个获取信息都比较少，如wx.getlocation获取经纬度，速度等

4.获取经纬度后可以用组件map展示地图

5.还可以通过腾讯位置服务获取经纬度信息，地址等更全面的信息
到腾讯位置服务https://lbs.qq.com/ 的控制台创建应用、申请key,下载sdk或其它形式，申请时注意填写小程序APPID，下面是官方demo

// 引入SDK核心类，js文件根据自己业务，位置可自行放置
var QQMapWX = require(’…/…/libs/qqmap-wx-jssdk.js’);
var qqmapsdk;
Page({

onLoad: function () {// 实例化API核心类qqmapsdk = new QQMapWX({key: '申请的key'});
},
onShow: function () {// 调用接口qqmapsdk.search({keyword: '酒店',success: function (res) {console.log(res);},fail: function (res) {console.log(res);},complete: function (res) {console.log(res);}});

}
})

*地址解析要使用 qqmapsdk.reverseGeocoder,

qqmapsdk.reverseGeocoder({
success: function(res) {
console.log(res);
}
})

微信小程序如何获取地理位置、地图显示，逆地址解析。相关推荐

微信小程序中实现定位以及逆地址解析
文章目录前言一.原理二.腾讯地图key 二.编码 1. App.json 2. JavaScript 3. 返回值总结前言在微信小程序开发中,我们可以提前获取用户的地理位置,为用户提供更好 ...
微信小程序如何根据地理定位逆地址解析-百度逆地址解析（内附代码）？
第一步:准备百度逆地址解析需要用到的访问应用AK 首先去百度地图开放平台注册一个账号百度地图开放平台 | 百度地图API SDK | 地图开发接着创建应用然后选择应用类型为微信小程序注意:AP ...
企业微信小程序_获取准确定位的方法及解决定位不准确的问题
文章目录一.经验分享 1. 微信api现状 2. 解决方案 3. 适用场景二.小程序集成腾讯定位服务 2.1. 注册腾讯开发者 2.2. 创建应用 2.3. 添加key 2.4. 下载sdk 2. ...
微信小程序之获取用户地址
在微信小程序中获取定位信息今天一整天基本上都在处理在微信小程序中获取准确地址,给出定位并给出所在城市的问题.经过走了半天弯路,现在总结一下所需要的步骤. 一. 先到腾讯位置服务中心获取KEY 通过小 ...
微信小程序地图获取地点信息（打卡签到功能为例）-2020-7-26
目录微信小程序地图获取地点信息(打卡签到功能为例) 效果图前提步骤首先需要了解的代码部分配置性代码功能性代码 demo 下载微信小程序地图获取地点信息(打卡签到功能为例) 解决方案:利用 ...
微信小程序批量获取input的输入值，监听输入框，数据同步
微信小程序批量获取input的输入值,监听输入框,数据同步在使用小程序时,跟vue的数据绑定不一样,没有v-model这个属性了,官网也只是给了一些事件监听. 但是我们如果有多个表单时,需要写多个事 ...
微信小程序制作——获取用户信息
微信小程序制作--获取用户信息 1.获取用户信息方式一 wxml <view bindtap="getUserName">获取当前用户名</view> j ...
php取微信名字和头像,微信小程序如何获取用户头像和昵称
本文介绍了微信小程序如何获取用户头像和昵称,分享给大家,具体如下: 代码user.wxml: {{userInfo.nickName}} user.js //sort.js //獲取應用實例 var ...
微信小程序最新获取头像以及昵称方法
微信小程序最新获取头像信息之前是使用open-dada获取微信头像和昵称,但是后面由于官网更新,此方法被收回了,所以不能使用此方法了. 之前方法代码: <open-data type=&quo ...

微信小程序如何获取地理位置、地图显示，逆地址解析。

微信小程序如何获取地理位置、地图显示，逆地址解析。相关推荐

最新文章

热门文章