web页面调起地图APP(高德地图、百度地图、腾讯地图)

在没有安装APP的情况下可以用web端地图

以路线规划为例:

一、腾讯地图

  1. web端

官方文档地址:https://lbs.qq.com/webApi/uriV1/uriGuide/uriWebRoute

例:

<a href="https://apis.map.qq.com/uri/v1/routeplan?fromcoord=CurrentLocation&type=bus&to=北京市丰台区北京西站&tocoord=39.90083463437583,116.32810279404168&policy=2&referer=yunjiaHUD">腾讯WEB</a>
  1. 安卓或IOS(h5页面调起腾讯地图APP)

官方文档地址:https://lbs.qq.com/webApi/uriV1/uriGuide/uriMobileRoute

例:

<a href="qqmap://map/routeplan?fromcoord=CurrentLocation&type=bus&to=北京市丰台区北京西站&tocoord=39.90083463437583,116.32810279404168&policy=2&referer=yunjiaHUD">腾讯IOS/安卓</a>

二、百度地图

  1. web端

官方文档地址:https://lbsyun.baidu.com/index.php?title=uri/api/web

例:

<a href="http://api.map.baidu.com/direction?origin=&destination=name:北京市丰台区北京西站|latlng:39.90083463437583,116.32810279404168&coord_type=&mode=transit&output=html&src=ios.baidu.openAPIdemo">百度WEB</a>
  1. 安卓端(安卓手机、H5调起百度地图APP)

官方文档地址:https://lbsyun.baidu.com/index.php?title=uri/api/android

例:

<a href="bdapp://map/direction?origin=&destination=name:北京市丰台区北京西站|latlng:39.90083463437583,116.32810279404168&coord_type=bd09ll&mode=transit&src=ios.baidu.openAPIdemo">百度安卓</a>
  1. IOS端(苹果手机、H5调起百度地图APP)

官方文档地址:https://lbsyun.baidu.com/index.php?title=uri/api/ios

例:

<a href="baidumap://map/direction?origin=&destination=name:北京市丰台区北京西站|latlng:39.90083463437583,116.32810279404168&coord_type=bd09ll&mode=transit&src=ios.baidu.openAPIdemo">百度IOS</a>

三、高德地图

  1. web端

官方文档地址:

例:https://lbs.amap.com/api/uri-api/guide/travel/route

<a href="https://uri.amap.com/navigation?from=&to=116.32810279404168,39.90083463437583,北京市丰台区北京西站&mode=bus&policy=0&src=&coordinate=&callnative=0">高德WEB</a>
  1. 安卓端(安卓手机、H5调起高德地图APP)

官方文档地址:https://lbs.amap.com/api/amap-mobile/guide/android/route

例:

<a href="amapuri://route/plan/?sid=&did=&dlat=39.90083463437583&dlon=116.32810279404168&dname=北京市丰台区北京西站&dev=0&t=1">高德安卓</a>
  1. IOS端(苹果手机、H5调起高德地图APP)

官方文档地址:https://lbs.amap.com/api/amap-mobile/guide/ios/route

例:

<a href="iosamap://path?sid=&did=&dlat=39.90083463437583&dlon=116.32810279404168&dname=北京市丰台区北京西站&dev=0&t=1">高德IOS</a>

web页面调起地图APP(高德地图、百度地图、腾讯地图)相关推荐

  1. android 与地图互动,高德、百度和腾讯三家比拼,哪个 Android 车机地图 App 更好用?...

    写在前面 不管是自己开车.还是平时打车,相信你一定留意过驾驶座旁边位于车辆中间的那块大屏幕,不管是平时开车导航.放音乐,还是通过倒车影像辅助倒车,都离不开这块屏幕,这就是中控车机. 中控车机往往搭载的 ...

  2. android 腾讯地图导航,Android 根据地址调手机的高德,百度,腾讯地图导航

    首先切记利用到地图,万物归结于经纬度 效果图: 效果图.png 1.基于高德的经纬度(也是基于高德坐标系) 配置:导入AMap_Location_Vxxx.jar和AMap_Search_Vxxx.j ...

  3. uniapp (IOS端安卓端)调用高德、百度、腾讯地图导航

    不仅适用于uniapp.vue以及微信小程序和普通手机h5应用都适用,亲测有效 直接上代码: // 点击某个地方,调起下面的方法// 方法要传入需要标注地点的纬度latitude,经度longitud ...

  4. Android 跳转到高德、百度、腾讯地图进行导航

    需求: 点击店铺位置,弹出popupwindow进行选择 如果该手机安装了所选的地图APP,就跳转到该地图APP中 如果该手机未安装所选的地图APP,就提示 MapUtil工具类 import and ...

  5. H5 高德、百度、腾讯地图选择导航功能实现

    实现效果展示: 地图底图使用的是腾讯地图,实现步骤: 一.在腾讯地图申请密钥key值:申请地址:https://lbs.qq.com/dev/console/application/mine (有账号 ...

  6. css去除高德,百度和腾讯地图控件的水印

    地图的水印去除官方没有文档和方法,主要的去除方式还是依靠前端通过权重和样式穿透进行元素的隐藏. 水印的图片和字体在调试工具中都没有特定的类名和id名称,所以最好的方式就是通过调试工具定位标签. 然后通 ...

  7. cesium加载高德、百度、腾讯地图

    $(function () {var basemapo = {"天地图影像": {url: "http://t0.tianditu.com/img_w/wmts?serv ...

  8. Android app唤醒第三方地图App进行导航(高德,百度,腾讯)

    根据项目需要 要添加导航功能 由于我的app 的内部已经做了地图和路线规划 同时为了使用用户的使用习惯 我选择了第三方导航 选择用户已有地图软件进行路线规划和导航 我选择的是目前的主流地图app平台 ...

  9. 调用第三方地图app导航(高德、百度、腾讯)

    当前位置导航到某个地方,还可以设置出发地的经纬度和位置信息,具体看各官网参数设置. 以下代码可以直接使用. /*** Date: 2022-11-23* Author: lanzi* 调用第三方地图a ...

最新文章

  1. javascript操作cookie
  2. 深入理解$watch ,$apply 和 $digest --- 理解数据绑定过程——续
  3. JUC多线程:创建线程的四种方式
  4. Node.js mimimn图片批量下载爬虫 1.00
  5. centos samba 看不到共享目录_samba共享服务
  6. java按年月季度统计折线图_拆线图按年、按月,按天统计,前端传时间只要起始时间与结束时间...
  7. jquery 对象 和 js 对象 为什么要互相转换?_JQuery对象与dom对象两者之间的相互转换...
  8. 不可识别的字符转义序列_大庆事业单位车牌识别道闸多少钱,感应小区车牌识别道闸系统...
  9. clone,Duplicate复制target XCode iOS
  10. 计算机图桌面打印出来,桌面图片打印设置方法
  11. 采用Trench肖特基二极管,实现功率密度的显著提升
  12. 怎么下载小程序图片 ?
  13. 程序设计思维与实践 Week15 作业
  14. python使用多线程爬取
  15. 分布式资源管理与任务调度框架Yarn
  16. okhttp3调用接口超时
  17. linux安装windows字体
  18. 详细阅读Spark论文
  19. TensorFlow学习笔记1:graph、session和op
  20. java入门基础教程(纯干货知识点+视频资源)

热门文章

  1. 学习双拼 -- 感受培养新习惯的过程
  2. Windows常用API
  3. 先出报表还是先计提所得税_先结转损益还是先计提企业所得税
  4. 5320常见问题解答
  5. VB6.0让图片自适应Picture图片框大小
  6. 解读至强的小秘密之 Analytics Zoo,打通大数据平台与 AI 应用的直通车
  7. Python环境配置(最详细)
  8. Xcode 真机调试无法识别手机解决方法
  9. Hexo博客部署到腾讯云服务器全过程(Nginx,证书,HTTPS),你要的这里都有
  10. 新款奔驰GLC300L改装AMG中网,造型流畅更独特