uniapp跳转第三方地图导航

1、uniapp小程序中跳转第三方地图

   address: function(item) {const address = item.address;const latitude = Number(item.latitude);const longitude = Number(item.longitude); uni.getLocation({success(res) {uni.openLocation({latitude: latitude,longitude: longitude,scale: 15});}});}

2、Android与ios

address: function(item) {var url = '';const address = item.address;const latitude = item.latitude;const longitude = item.longitude;if (plus.os.name == 'Android') {var hasBaiduMap = plus.runtime.isApplicationExist({ pname: 'com.baidu.BaiduMap', action: 'baidumap://' });var hasAmap = plus.runtime.isApplicationExist({ pname: 'com.autonavi.minimap', action: 'androidamap://' });var urlBaiduMap = 'baidumap://map/marker?location=' + latitude + ',' + longitude + '&title=' + encodeURIComponent(address) + '&src=com.bailb.hbb';var urlAmap = 'androidamap://viewMap?sourceApplication=com.bailb.hbb&poiname=' + encodeURIComponent(address) + '&lat=' + latitude + '&lon=' + longitude + '&dev=0';if (hasAmap && hasBaiduMap) {plus.nativeUI.actionSheet({ title: '选择地图应用', cancel: '取消', buttons: [{ title: '百度地图' }, { title: '高德地图' }] }, function(e) {switch (e.index) {case 1:plus.runtime.openURL(urlBaiduMap);break;case 2:plus.runtime.openURL(urlAmap);break;}});} else if (hasAmap) {if (uni.getSystemInfoSync().platform == 'android') {this.$showModal({title: '公告',concent: '是否打开“高德地图”进行导航？',delCancel: false}).then(res => {plus.runtime.openURL(urlAmap);}).catch(res => {});} else {uni.showModal({title: '公告',content: '是否打开“高德地图”进行导航？',success: res => {if (res.confirm) {plus.runtime.openURL(urlAmap);}}});}} else if (hasBaiduMap) {if (uni.getSystemInfoSync().platform == 'android') {this.$showModal({title: '公告',concent: '是否打开“百度地图”进行导航？',delCancel: false}).then(res => {plus.runtime.openURL(urlBaiduMap);}).catch(res => {});} else {uni.showModal({title: '公告',content: '是否打开“百度地图”进行导航？',success: res => {if (res.confirm) {plus.runtime.openURL(urlBaiduMaps);}}});}} else {//如果是国外应用，应该优先使用这个，会启动google地图。这个接口不能统一坐标系，进入百度地图时会有偏差url = 'geo:' + latitude + ',' + longitude + '?q=' + encodeURIComponent(address);if (uni.getSystemInfoSync().platform == 'android') {this.$showModal({title: '公告',concent: '是否打开“GoogleMap”进行导航？',delCancel: false}).then(res => {plus.runtime.openURL(url);}).catch(res => {});} else {uni.showModal({title: '公告',content: '是否打开“GoogleMap”进行导航？',success: res => {if (res.confirm) {plus.runtime.openURL(url);}}});}}} else {// iOS上获取本机是否安装了百度高德地图，需要在manifest里配置，在manifest.json文件app-plus->distribute->apple->urlschemewhitelist节点下添加（如urlschemewhitelist:["iosamap","baidumap"]）plus.nativeUI.actionSheet({ title: '选择地图应用', cancel: '取消', buttons: [{ title: 'Apple地图' }, { title: '百度地图' }, { title: '高德地图' }] }, function(e) {switch (e.index) {case 1:url = 'http://maps.apple.com/?q=' + encodeURIComponent(address) + '&ll=' + latitude + ',' + longitude + '&spn=0.008766,0.019441';break;case 2:url = 'baidumap://map/marker?location=' + latitude + ',' + longitude + '&title=' + encodeURIComponent(address) + '&src=com.bailb.hbb';break;case 3:url = 'iosamap://viewMap?sourceApplication=com.bailb.hbb&poiname=' + encodeURIComponent(address) + '&lat=' + latitude + '&lon=' + longitude + '&dev=1';break;default:break;}if (url != '') {plus.runtime.openURL(url, e => {plus.nativeUI.alert('本机未安装指定的地图应用');});}});}}

uniapp跳转第三方地图导航相关推荐

iOS Swift 应用内跳转第三方地图导航路线及地图坐标系转换
支持百度谷歌高德苹果腾讯地图一键打开及地图之间的坐标系的转换本项目 Demo 下载地址 https://github.com/sinorychan/JumpToThirdMap 注意 ...
ios ionic3 跳转第三方地图 xcode加入白名单
之前我有篇随笔讲的是ionic3应用内跳转第三方地图应用的方法忘了记录在ios内是需要把你用到的第三方地图应用加入跳转URL白名单内的第三个是高德地图 iosamap 第四个是百度地图 baidu ...
react-native 调用原生module跳转第三方地图软件实现导航功能
之前做过android地图开发,在自己的APP里集成第三方的地图sdk(百度,高德,腾讯,搜狗等),来实现导航,基于LBS周边搜索,定位,路线规划等功能需求,这种方法比较麻烦.同时还增加了app的体积 ...
uniapp实现调起地图导航
//调用 async goMap(address) {let isopenLocationMap = await openLocationMap(address) if(isopenLocationM ...
微信小程序跳到第三方地图
初始化 // 引入SDK核心类 // var QQMapWX = require('../../utils/qqmap-wx-jssdk.js'); // // 实例化API核心类 // var qq ...
URI跳转方式地图导航的代码实践
本文转载至 http://adad184.com/2015/08/11/practice-in-mapview-navigation-with-URI/ 前言之前介绍了我正在做的是一款定位主打的应用 ...
URI跳转方式地图导航的代码实践 h5打开地图
应用内导航是指使用地图服务提供的SDK(比如高德,百度等等) 直接将导航功能嵌入到我们自己的APP内部但是这个方案我个人不喜欢一是接入要一定的时间二是增加APP的内存占用应用外导航是以UR ...
微信小程序点击地址，跳转到地图导航
在进入小程序的时候我就获取了地理位置了,所以直接在地址的位置加点击事件即可获取地理位置的在下篇文章 uni.openLocation({latitude: lat, //要去的纬度-地址longit ...
uniapp实现 APP跳转到第三方地图，传经纬度和名字（安卓和ios）
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.Uniapp(安卓.ios)跳转第三方地图二.使用步骤 1.ios添加白名单 2.代码实现总结前言提示:这 ...

uniapp跳转第三方地图导航

1、uniapp小程序中跳转第三方地图

2、Android与ios

uniapp跳转第三方地图导航相关推荐

最新文章

热门文章