uniapp （IOS端安卓端）调用高德、百度、腾讯地图导航

不仅适用于uniapp、vue以及微信小程序和普通手机h5应用都适用,亲测有效

直接上代码：

// 点击某个地方，调起下面的方法// 方法要传入需要标注地点的纬度latitude，经度longitude，名字nametoMapAPP(latitude,longitude,name){let url = "";if (plus.os.name == "Android") {//判断是安卓端plus.nativeUI.actionSheet({//选择菜单title: "选择地图应用",cancel: "取消",buttons: [{title: "腾讯地图"},{title: "百度地图"}, {title: "高德地图"}]}, function(e) {switch (e.index) {//下面是拼接url,不同系统以及不同地图都有不同的拼接字段case 1://注意referer=xxx的xxx替换成你在腾讯地图开发平台申请的keyurl = `qqmap://map/geocoder?coord=${latitude},${longitude}&referer=xxx`;break;case 2:url = `baidumap://map/marker?location=${latitude},${longitude}&title=${name}&coord_type=gcj02&src=andr.baidu.openAPIdemo`;break;case 3:url = `androidamap://viewMap?sourceApplication=appname&poiname=${name}&lat=${latitude}&lon=${longitude}&dev=0`;break;default:break;}if (url != "") {url = encodeURI(url);//plus.runtime.openURL(url,function(e){})调起手机APP应用plus.runtime.openURL(url, function(e) {plus.nativeUI.alert("本机未安装指定的地图应用");});}})} else {// iOS上获取本机是否安装了百度高德地图，需要在manifest里配置// 在manifest.json文件app-plus->distribute->apple->urlschemewhitelist节点下添加//（如urlschemewhitelist:["iosamap","baidumap"]）  plus.nativeUI.actionSheet({title: "选择地图应用",cancel: "取消",buttons: [{title: "腾讯地图"},{title: "百度地图"}, {title: "高德地图"}]}, function(e) {switch (e.index) {case 1:url = `qqmap://map/geocoder?coord=${latitude},${longitude}&referer=xxx`;break;case 2:url = `baidumap://map/marker?location=${latitude},${longitude}&title=${name}&content=${name}&src=ios.baidu.openAPIdemo&coord_type=gcj02`;break;case 3:url = `iosamap://viewMap?sourceApplication=applicationName&poiname=${name}&lat=${latitude}&lon=${longitude}&dev=0`;break;default:break;}if (url != "") {url = encodeURI(url);plus.runtime.openURL(url, function(e) {plus.nativeUI.alert("本机未安装指定的地图应用");});}})}}

不懂的可以留言咨询~

uniapp （IOS端安卓端）调用高德、百度、腾讯地图导航相关推荐

微信公众号h5实现高德/百度/腾讯地图导航
最近做了个微信公众号h5需求是这样的 1.点击地图进入地图详情 2.地图详情包括开始导航与地图(高德,百度,腾讯)选择,点击开始导航自动跳转该地图app 首先先理一下功能: 1:第一张图是直接显示坐标 ...
vue 高德地图不同区域显示不同颜色_老司机频繁掉沟里，高德百度腾讯地图导航到底该怎么选？...
导航类app发展至今,基本形成了三分天下的局面:高德.百度.腾讯,然而事实真的是三家平分天下么?三款不同的地图导航软件各有优缺点,至于什么路况选择哪个软件导航似乎更是一门玄学? 很多人想知道高德地图. ...
android 跳转腾讯地图导航,Android 跳转到百度、高德、腾讯地图导航
项目中遇到的一个需求,跳转外部App进行步行导航.分别是百度.高德.腾讯. 东西不难但是每次都要去官方文档找(有时候会更新一些字段). 所以在此做下记录和分享. 腾讯地图 try { LatLng l ...
APP跳转百度、高德、腾讯地图导航
这个本来是一个很简单的需求,奈何我遇到了很奇葩的问题.最开始我用的是百度sdk中的跳转api,自己用小米和联想测试跳转没有问题,然而用户的魅蓝note5点击跳转没有任何响应,后来又陆续出现了华为met ...
微信小程序调用高德，腾讯地图app
在微信小程序中出现商家位置需要导航,只要直接调用微信小程序api wx.openLocation({latitude: lat, longitude: lon, scale: 16, name: ad ...
Android百度地图、高德地图、腾讯地图导航路线规划问题
Android百度地图.高德地图.腾讯地图导航路线规划在最近的项目中,需求是用户选择某个地址需要进行导航时,弹出百度地图.高德地图和腾讯地图让用户选择.如果该用户手机中已安装对应的地图App,则 ...
安卓调起高德百度第三方地图进行导航
项目中用到了导航功能,本着简单的做法,就想到了直接调用高德百度第三方地图进行导航,这样可以减少包的体积,在网上百度了许久,各种都有,自己总结了一下,目前测试还算好用,拿出来晒一下,知道的就别喷了,我是 ...
[html] 如何使用H5唤起原生地图APP（百度、高德、腾讯地图等）
[html] 如何使用H5唤起原生地图APP(百度.高德.腾讯地图等) <iframe src="sinaweibo://qrcode"> 或 <a href=& ...
如何使用矢量图形数据导出可以在高德百度等互联网地图上加载的JSON格式数据
本文以广东省行政区划为例介绍如何使用矢量图形数据导出可以在高德百度等互联网地图上加载的省级行政区划边界JSON数据. 第一步用GIS相关工具,如ArcGIS.MapGIS.QGIS等工具加载广东省域的 ...
android 跳转腾讯地图导航,Android 地图跳转到百度、高德、腾讯导航
项目中遇到的一个需求,跳转外部App进行步行导航.分别是百度.高德.腾讯. 东西不难但是每次都要去官方文档找(有时候会更新一些字段). 所以在此做下记录和分享. 腾讯地图 try { LatLng l ...

uniapp （IOS端安卓端）调用高德、百度、腾讯地图导航

不仅适用于uniapp、vue以及微信小程序和普通手机h5应用都适用,亲测有效

uniapp （IOS端安卓端）调用高德、百度、腾讯地图导航相关推荐

最新文章

热门文章