uniapp地图导航

打开腾讯地图：https://map.qq.com/

选择地图API

然后获得到一个KEY字符串，查询地址时用到

选择开发文档，下载qqmap-wx-jssdk.js

查看地址导航

// 获取经纬度getLocation() {// 实例化API核心类 var qqmapsdk = new QQMapWX({key: this.key // 必填 开发密钥});qqmapsdk.geocoder({address: 地址,type: 'gcj02',success: res => {if (res.message !== 'query ok') {return uni.showModal({content: '获取地址信息失败',showCancel: false});}uni.openLocation({latitude: res.result.location.lat / 1,longitude: res.result.location.lng / 1,name: this.userinfo.Addrs.split(' ')[1].length > 0 ? this.userinfo.Addrs.split(' ')[1] : this.userinfo.Addrs,address: this.userinfo.Addrs.split(' ')[0].length > 0 ? this.userinfo.Addrs.split(' ')[0] : this.userinfo.Addrs,})},fail: (err) => {uni.showModal({content: '获取地址信息失败',showCancel: false});},complete: () => {uni.hideLoading()}})},

选择当前地址

chooseLocation() {// 实例化API核心类 var qqmapsdk = new QQMapWX({key: this.key // 必填 开发密钥});qqmapsdk.reverseGeocoder({//位置坐标，默认获取当前位置，非必须参数location: '', //获取表单传入的位置坐标,不填默认当前位置,示例为string格式success: (res) => {console.log('返回的值', res)res = res.resultuni.chooseLocation({latitude: res.location.lat / 1,longitude: res.location.lng / 1,keyword: res.formatted_addresses.recommend,success: (result) => {if (result.errMsg !== "chooseLocation:ok") return uni.showToast({title: '打开地图失败,请重试',icon:'error'});this.userinfo.Addrs = result.address + ' ' + result.nameconsole.log('选择地图', result)},fail: (err) => {console.log('错误', err)}})}})},

uniapp地图导航相关推荐

uniapp 地图导航唤起导航自定义图标自定义提示泡泡
uniapp 地图导航唤起导航自定义图标自定义提示泡泡复制过去即可 <template><view class="container"><!- ...
uniapp （H5、小程序、app）地图导航
H5地图导航腾讯地图 window.location.href = http://apis.map.qq.com/uri/v1/marker?marker=coord:lat,lng;addr:ad ...
uniapp h5地图导航
uniapp h5地图导航 view部分 <label @click="daohang">导航</label> js部分 export default {d ...
uniapp 微信小程序调用手机地图导航到目标点
如果你的页面已经获取过用户的定位权限,这么写 toAddress(position,positionAddress){let arr = position.split(',')const latitu ...
Uniapp之使用h5+打开地图导航
需求:点击某一个按钮打开地图导航 1.判断当前设备平台 2.判断需要使用的地图APP是否存在 3.存在则调用地图APP,不存在则进行提示接下来就是直接上代码: function openMap(la ...
html调用百度地图语音播报,实现百度地图导航演示的语音播放功能
在上面,百度地图导航演示是本地导入的,那么如何在此基础上实现导航语音广播呢? 首先,为应用程序申请语音广播(也称为注册) SDK具有内置的百度TTS语音广播功能,在使用该应用程序之前,需要对应用程序进 ...
Windows phone 8 学习笔记(8) 定位地图导航
Windows phone 8 学习笔记(8) 定位地图导航原文:Windows phone 8 学习笔记(8) 定位地图导航 Windows phone 8 已经不使用自家的bing地图,新地图控 ...
实现百度地图导航Demo的语音播报功能
上文中实现了在本地导入百度地图导航Demo,那么在此基础上如何实现导航的语音播报呢? 一.为该应用申请语音播报(也叫注册) http://developer.baidu.com/map/index.p ...
天津政府应急系统之GIS一张图（arcgis api for flex）讲解（四）地图导航控件模块...
config.xml文件的配置如下: <widget left="10" top="50" config="widgets/Navigation ...

uniapp地图导航

uniapp地图导航相关推荐

最新文章

热门文章