uniapp 打开地图app并导航

复制即可，已验证是否安装

// 打开的点击事件，传经纬度和地点名
gomapApp(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 打开地图app并导航相关推荐

Android 打开第三方地图App进行导航
Ⅰ.前言接到产品新需求,模仿高德地图APP通过搜索关键词,在地图标识附近区域内 "关键词"所搜到的点,地图和列表之间有抽屉似的效果,具体的看下面效果图.而打开第三方地图APP进行 ...
iOS应用根据经纬度打开不同地图app进行导航
现在地图导航已经很普遍了,为自己的项目添加导航功能有两种方法,一种是集成第三方sdk到自己的app上,这个比较复杂,并且会使自己的app变得很大很臃肿.所以,还是选择另一种方式,根据所获取的经纬度,打 ...
Uniapp 微信小程序直接打开地图App （不经过内置地图页）
说明 1. 该方法依赖 map组件,如果页面不需要展示地图可直接将地图隐藏 display:none; 即可. 2. 如需展示则赋值给 map组件属性id即可.只是调用组件内的 openMapApp ...
uniapp打开地图选择位置（查看位置）详解
开发小程序的时候,有时候要做打开地图选择位置和打开地图查看当前位置.我前段时间刚做的时候也是一脸懵逼(新手上路). 我是用的uniapp做的,配置方法和原生小程序的配置方法不太一样.下面就是我写的配置 ...
Android调用高德地图app语音导航
直接调用高德地图app进行导航首先,要先进入高德开放平台,注册登录以后,创建自己的APP,然后会生成appkey 高德开放平台网址: http://lbs.amap.com/ 然后下载jar包导入项 ...
Android 打开地图App 和网页版地图
URI 拼写: <span style="font-size:18px;">public class StringUtil {/*** Check if the str ...
android 打开地图选项,Android 打开地图App 和网页版地图
URI 拼写: public class StringUtil { /** * Check if the string is empty * * @param input string to be c ...
IOS实现应用内打开第三方地图app进行导航
用过微信的应该都知道这个功能,对方发一个位置给你,点进去地图展示对方跟你的当前位置,界面提供了选择各个地图应用进行导航,更好这次需求也要搞这个功能. 这个功能实现不难,个人感觉比应用内嵌入第三方地图导 ...
Android app唤醒第三方地图App进行导航（高德，百度，腾讯）
根据项目需要要添加导航功能由于我的app 的内部已经做了地图和路线规划同时为了使用用户的使用习惯我选择了第三方导航选择用户已有地图软件进行路线规划和导航我选择的是目前的主流地图app平台 ...

uniapp 打开地图app并导航

复制即可，已验证是否安装

uniapp 打开地图app并导航相关推荐

最新文章

热门文章