web页面调起地图APP(高德地图、百度地图、腾讯地图)
web页面调起地图APP(高德地图、百度地图、腾讯地图)
在没有安装APP的情况下可以用web端地图
以路线规划为例:
一、腾讯地图
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>
安卓或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>
二、百度地图
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>
安卓端(安卓手机、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>
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>
三、高德地图
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>
安卓端(安卓手机、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>
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(高德地图、百度地图、腾讯地图)相关推荐
- android 与地图互动,高德、百度和腾讯三家比拼,哪个 Android 车机地图 App 更好用?...
写在前面 不管是自己开车.还是平时打车,相信你一定留意过驾驶座旁边位于车辆中间的那块大屏幕,不管是平时开车导航.放音乐,还是通过倒车影像辅助倒车,都离不开这块屏幕,这就是中控车机. 中控车机往往搭载的 ...
- android 腾讯地图导航,Android 根据地址调手机的高德,百度,腾讯地图导航
首先切记利用到地图,万物归结于经纬度 效果图: 效果图.png 1.基于高德的经纬度(也是基于高德坐标系) 配置:导入AMap_Location_Vxxx.jar和AMap_Search_Vxxx.j ...
- uniapp (IOS端安卓端)调用高德、百度、腾讯地图导航
不仅适用于uniapp.vue以及微信小程序和普通手机h5应用都适用,亲测有效 直接上代码: // 点击某个地方,调起下面的方法// 方法要传入需要标注地点的纬度latitude,经度longitud ...
- Android 跳转到高德、百度、腾讯地图进行导航
需求: 点击店铺位置,弹出popupwindow进行选择 如果该手机安装了所选的地图APP,就跳转到该地图APP中 如果该手机未安装所选的地图APP,就提示 MapUtil工具类 import and ...
- H5 高德、百度、腾讯地图选择导航功能实现
实现效果展示: 地图底图使用的是腾讯地图,实现步骤: 一.在腾讯地图申请密钥key值:申请地址:https://lbs.qq.com/dev/console/application/mine (有账号 ...
- css去除高德,百度和腾讯地图控件的水印
地图的水印去除官方没有文档和方法,主要的去除方式还是依靠前端通过权重和样式穿透进行元素的隐藏. 水印的图片和字体在调试工具中都没有特定的类名和id名称,所以最好的方式就是通过调试工具定位标签. 然后通 ...
- cesium加载高德、百度、腾讯地图
$(function () {var basemapo = {"天地图影像": {url: "http://t0.tianditu.com/img_w/wmts?serv ...
- Android app唤醒第三方地图App进行导航(高德,百度,腾讯)
根据项目需要 要添加导航功能 由于我的app 的内部已经做了地图和路线规划 同时为了使用用户的使用习惯 我选择了第三方导航 选择用户已有地图软件进行路线规划和导航 我选择的是目前的主流地图app平台 ...
- 调用第三方地图app导航(高德、百度、腾讯)
当前位置导航到某个地方,还可以设置出发地的经纬度和位置信息,具体看各官网参数设置. 以下代码可以直接使用. /*** Date: 2022-11-23* Author: lanzi* 调用第三方地图a ...
最新文章
- javascript操作cookie
- 深入理解$watch ,$apply 和 $digest --- 理解数据绑定过程——续
- JUC多线程:创建线程的四种方式
- Node.js mimimn图片批量下载爬虫 1.00
- centos samba 看不到共享目录_samba共享服务
- java按年月季度统计折线图_拆线图按年、按月,按天统计,前端传时间只要起始时间与结束时间...
- jquery 对象 和 js 对象 为什么要互相转换?_JQuery对象与dom对象两者之间的相互转换...
- 不可识别的字符转义序列_大庆事业单位车牌识别道闸多少钱,感应小区车牌识别道闸系统...
- clone,Duplicate复制target XCode iOS
- 计算机图桌面打印出来,桌面图片打印设置方法
- 采用Trench肖特基二极管,实现功率密度的显著提升
- 怎么下载小程序图片 ?
- 程序设计思维与实践 Week15 作业
- python使用多线程爬取
- 分布式资源管理与任务调度框架Yarn
- okhttp3调用接口超时
- linux安装windows字体
- 详细阅读Spark论文
- TensorFlow学习笔记1:graph、session和op
- java入门基础教程(纯干货知识点+视频资源)