uni-app打开第三方地图软件进行导航

最近在开发字节小程序的过程中遇到地图导航的需求，相信大家也会遇到所以我为大家整理了一篇干货内容。

下面是我整理的代码案例---------记得喝水（太“干”了，复制就能用）。

效果图如下：

1.点击图标弹出弹框进行选择

2.选择完成后，跳转第三方软件

3.在第三方软件进行导航

HTML部分：

         <map style="width: 100%; height: 300px;":latitude="startposition.lat" :longitude="startposition.lng" :markers="covers"@markertap="openMap(startposition.lat,startposition.lng,initFoemdata.title)"></map>

latitude和longitude和markers就是地点的经纬度

markertap是图标点击事件

DATA数据部分：

startposition和一打开的地图的经纬度，covers是目地点的经纬度，其中的label是下方的文字内容。iconPath是图标的图片引入路径

         // 地图startposition: {lng: 123.054145,lat: 41.160569},covers: [{latitude: 41.160569,longitude: 123.054145,iconPath: "../../static/map1.png",label: {content: 'Jeskson',color: '#fff',fontSize: 12,borderRadius: 5,padding: 5,textAlign: 'center',bgColor: '#2979ff',},}]

JS逻辑部分：

上图为数据的初始化赋值，大家根据自己的接口或者数据进行定义

下图为打开第三方地图软件的代码

         // 打开的点击事件，传经纬度和地点名openMap(latitude,longitude,name){// 打开第三方 （小程序）uni.getLocation({success(res) {uni.openLocation({latitude: latitude,longitude: longitude,scale: 15});}});}

恭喜你做完如上步骤就可以实现地图导航的功能

注意此代码只适用于小程序 H5 和 APP 不兼容

最后创作不易转载请挂链接，谢谢大家！

uni-app打开第三方地图软件进行导航相关推荐

android app调用第三方地图路线规划导航（百度，高德，腾讯）
android app调用第三方地图路线规划导航(百度,高德,腾讯) 因为直接使用高德的sdk提供的导航被投诉说不准,所以需要接第三方. 把BAT系的地图都接上了,有兄弟找到其他的地图调用方法告诉下小 ...
Android 打开第三方地图App进行导航
Ⅰ.前言接到产品新需求,模仿高德地图APP通过搜索关键词,在地图标识附近区域内 "关键词"所搜到的点,地图和列表之间有抽屉似的效果,具体的看下面效果图.而打开第三方地图APP进行 ...
react-native 调用原生module跳转第三方地图软件实现导航功能
之前做过android地图开发,在自己的APP里集成第三方的地图sdk(百度,高德,腾讯,搜狗等),来实现导航,基于LBS周边搜索,定位,路线规划等功能需求,这种方法比较麻烦.同时还增加了app的体积 ...
高德地图绘制标记点，点击弹出弹框进入第三方地图软件
需求:根据经纬度绘制标记点,点击标记点弹出弹框和底部按钮,点击顶部弹框进入二级界面,点击底部按钮弹出第三方地图软件选择页,实现跨进程跳转. 效果图: 项目是公司项目,只放出重要部分代码. final ...
uniapp app调用手机地图软件
//打开第三方地图 //经纬度加地址名字 export function toMapAPP(latitude, longitude, name) {let url = "";if ...
Android打开第三方地图使用方法
1.检测本机是否已安装第三方地图软件 //检测是否安装有第三方地图软件 //传入包名:如高德地图是 com.autonavi.minimap private boolean isInstallByre ...
【Android】APP嵌入百度地图骑行导航一直初始化引擎失败解决办法
[Android] APP嵌入百度地图骑行导航一直初始化引擎失败解决办法最近手头上有个需求需要做骑行导航首先百度地图开放平台http://lbsyun.baidu.com/ 按提示找到Androi ...
IOS实现应用内打开第三方地图app进行导航
用过微信的应该都知道这个功能,对方发一个位置给你,点进去地图展示对方跟你的当前位置,界面提供了选择各个地图应用进行导航,更好这次需求也要搞这个功能. 这个功能实现不难,个人感觉比应用内嵌入第三方地图导 ...
Android app唤醒第三方地图App进行导航（高德，百度，腾讯）
根据项目需要要添加导航功能由于我的app 的内部已经做了地图和路线规划同时为了使用用户的使用习惯我选择了第三方导航选择用户已有地图软件进行路线规划和导航我选择的是目前的主流地图app平台 ...