小程序根据地址信息获取经纬度导航功能实现

效果图1:

效果图2:

效果图3:

实现流程：

1.获取详细位置信息，例如“北京市海淀区彩和坊路海淀西大街74号”

2.把地址信息转换成经纬度

需要利用腾讯位置服务的SDK实现，小程序API没有该功能，具体使用示例代码在下面会有微信小程序JavaScript SDK | 腾讯位置服务腾讯地图开放平台为各类应用厂商和开发者提供基于腾讯地图的地理位置服务和解决方案；有针对Web应用的JavaScript API, 适合手机端Native APP的各种SDK, WebService接口和各类地图API等。https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/methodGeocoder

3.得到经纬度通过小程序的API wx.openLocation 实现导航功能。

上代码：


var QQMapWX = require('../../utils/qqmap-wx-jssdk.min.js');
var qqmapsdk;onLoad(options) {qqmapsdk = new QQMapWX({key: 'XXXXX-XXXXX-XXXXX-XXXXX-K4X2F-MKF7G'});},

navDetail(address) {//调用地址解析接口qqmapsdk.geocoder({//获取表单传入地址address: address, //地址参数，例：固定地址，address: '北京市海淀区彩和坊路海淀西大街74号'success: function (res) { //成功后的回调console.log(res);var res = res.result;var latitude = res.location.lat;var longitude = res.location.lng;// 搜索到的经纬度结果打开地图进行导航wx.openLocation({latitude,longitude,scale: 14})}})},

小程序根据地址信息获取经纬度导航功能实现相关推荐

微信小程序-腾讯地图根据经纬度获取位置与根据位置获取经纬度
注意:如果request非法,请移步到上一篇博客填写request合法域名章节,上一篇博客末尾也有写道获取当前定位得方法一.根据经纬度获取位置信息登陆腾讯地图官网,选择控制台,选择开发文档- ...
小程序：版本更新后获取用户信息变更
小程序:版本更新后获取用户信息变更更新后,以前获取用户信息,是通过wx.getUserInfo,然后就会弹出授权窗口,现在必须通过button ,才能实现: <button open-type ...
uni-app 微信小程序用高德sdk获取地理位置，以及天气信息
uni-app 微信小程序采用高德sdk获取地理位置和天气信息主要有以下几个步骤: 1. 注册高德开发者,并获取应用key 概述-微信小程序插件 | 高德地图API 在这个网页最下面,按步骤来就可以了 ...
微信小程序使用百度api获取天气信息 —— 微信小程序教程系列（16）
之前已经介绍过,如何使用百度地图api来获取地理位置信息微信小程序的百度地图获取地理位置 -- 微信小程序教程系列(15) 下面介绍使用百度api来获取天气信息. 1> 第一步:先到百度开放平 ...
【微信小程序/实现】实现获取微信个人信息
[微信小程序/实现]实现获取微信个人信息一.目的:实现获取微信个人的昵称和头像二.页面过程三.实现过程 (1)核心代码: (2)完整代码 1. wxml代码 2. wxss代码 3. js代码 ...
微信小程序学习9：获取用户信息进行登录操作 wx.getUserProfile
微信小程序学习9:获取用户信息进行登录操作wx.getUserProfile 2021年4月份左右微信对获取用户的API进行了更改.使用wx.getUserInfo只能获取用户的匿名信息. 要获取用户 ...
微信小程序中企业微信获取外部联系人信息
需求:企业微信聊天页面,点击可跳转微信小程序的用户详情页. 本质就是在企业微信端拿到当前联系人的unionid,然后去用户服务里找到对应的用户userid,进入用户的详情页面. 流程:后端写一个从un ...
小程序用户头像昵称获取规则调整公告及微信小程序基础库的问题
更新时间:2022年11月9日由于 PC/macOS 平台「头像昵称填写能力」存在兼容性问题,对于来自低于2.27.1版本的访问,小程序通过 wx.getUserProfile 接口将正常返回用户头 ...
小程序及H5如何获取公众号code?
之前碰到一个需求,公众号的菜单跳进小程序,前端需要获取到公众号的code传给后端来确认用户的openId,但是咱们前端如何通过小程序或者H5,来获取公众号的code呢? 通过查阅资料,我来总结一下此次 ...

小程序根据地址信息获取经纬度导航功能实现

小程序根据地址信息获取经纬度导航功能实现相关推荐

最新文章

热门文章