前端调用高德地图app、百度地图app

说明:这里只说明了前端如何调用app地图,没有代码,测试机上高德地图、百度地图、腾讯地图,都已经安装好了,如果没有安装,调起app地图会没有反应,至于如何验证手机是否安装了app地图,这个功能个人建议移动端来做,这里只是把地图官网的信息粘了出来,前端调用app地图,会存在浏览器兼容性问题,本人的项目是把前端嵌入到移动端里面,移动端是有自己的浏览器,所有只要调试好移动端的浏览器就可以了,还有一点就是,移动端要特殊处理一下调用地图的url,否则会报错。
前端调用高德地图app: https://lbs.amap.com/api/uri-api/guide/travel/route 点击链接直接进入高德地图官网app文档说明,仔细阅读参数说明


下面的一长串就是我们要用到url,如果你想测试url,用前端写一个a标签,给a标签的href赋值成下面url的值即可,注意callnative参数,参数为1是凋起app,在项目中本人是用的iframe标签,然后赋值成下面的url,刚开始本人使用的是window.open(url),发现使用window.open(url)会先打开手机网页版高德地图,然后在打开高德地图app,用iframe就解决了这个问题,安卓和ios是同一个url
URL: //uri.amap.com/navigation?from=116.478346,39.997361,startpoint&to=116.3246,39.966577,endpoint&via=116.402796,39.936915,midwaypoint&mode=car&policy=1&src=mypage&coordinate=gaode&callnative=0
前端调用百度地图app:前端调用百度地图安卓和ios是两个url地址,这里先说调用安卓百度地图http://lbsyun.baidu.com/index.php?title=uri/api/android
点击链接直接进入百度地图官网app文档说明,仔细阅读参数说明




URL:bdapp://map/direction?origin=name:对外经贸大学|latlng:39.98871,116.43234&destination=西直门&coord_type=bd09ll&mode=transit&sy=3
&index=0&target=1&src=andr.baidu.openAPIdemo

调用ios百度地图



URL:baidumap://map/direction?origin=34.264642646862,108.95108518068&destination=40.007623,116.360582&coord_type=bd09ll&mode=driving&src=ios.baidu.openAPIdemo
突然间好想说,我们不生产水,我们只是大自然的搬运工。

前端调用高德地图app、百度地图app相关推荐

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

    web页面调起地图APP(高德地图.百度地图.腾讯地图) 在没有安装APP的情况下可以用web端地图 以路线规划为例: 一.腾讯地图 web端 官方文档地址:https://lbs.qq.com/we ...

  2. 调用苹果地图、百度地图、高德地图导航(不需要集成sdk)

    最近在研究地图,所以就简单写了一个小 demo,给大家分享一下如何不集成SDK就能调用第三方地图app,这里只介绍苹果自带地图.百度地图和高德地图的调用!其中还简单介绍了app定位功能,希望能给初学的 ...

  3. H5唤醒本地APP(谷歌地图、百度地图等相通)

    说一下兼容性问题: IOS:safari浏览器,google浏览器,UC浏览器可用QQ浏览器无法使用,其他的没测. Android:只有google浏览器可以打开谷歌地图,百度地图没测试. 首先:判断 ...

  4. H5唤醒本地APP(谷歌地图、百度地图等相通)传递数据

    前一段时间做了一个架设在微信上的打车软件,司机端是在浏览器中打开,网页上的导航无法实时定位与语音播报,后因甲方强制要求,必须打开本地谷歌地图,并传入用户的起点终点,于是翻译了相关博客,完美解决,亲测可 ...

  5. webapp通过点击调用高德地图或百度地图导航

    webapp通过点击调用高德地图或百度地图导航 // 高德地图 <a :href="'https://uri.amap.com/marker?position='+经度+','+纬度+ ...

  6. 百度地图离线_高德地图与百度地图有啥区别?功能只是其次,定位才是重点

    如今,生活离不开手机,而行程又离不开导航app,中国那么大,许多人都有过这样的疑问?那就是在没有导航的时代,人们是怎样出行的呢?在小编看来,那是由于当时道路线较少,故此,走的人多了,也就熟了. 现在, ...

  7. 高德地图只显示一个省_浅谈当下各种导航软件:高德地图、百度地图、腾讯地图...

    浅谈当下各种导航软件:高德地图.百度地图.腾讯地图,之前出门找不到路只能靠问路,现在我们生活中出现了各种各样的导航软件,甚至让用户出现了选择困难症,不知道选择哪一款软件比较号,在这里小编就要给大家来分 ...

  8. Windows Store Javascript项目使用高德地图、谷歌地图、百度地图API

    Windows Store Javascript项目使用高德地图.谷歌地图.百度地图API 原文 Windows Store Javascript项目使用高德地图.谷歌地图.百度地图API 在Win8 ...

  9. 百度地图手机和电脑不一致_手机能下载北斗星导航吗?比高德地图和百度地图好用吗?...

    点蓝色字关注"长春大V" 大家一定要记住一个事实:北斗导航是一个提供导航.定位.授时以及短报文通信服务的系统,而不是一个地图,更不是一个手机APP.这是两个完全不同的概念,大家千万 ...

最新文章

  1. 混合云计算应用中小企业市场前景看好
  2. hdu 5182 PM2.5
  3. leetcode(1)---两数之和
  4. 微信小程序实现点击不同view标签,移动到一行
  5. 小程序开发之基础知识(0)
  6. Gradle学习之使用java plugin
  7. 基于机器视觉的Data Matrix二维码识别
  8. 高阶java_Java高阶语法---final
  9. 求Python字典最小(最大)values对应的key
  10. 多核时代不宜再用 x86 的 RDTSC 指令测试指令周期和时间
  11. 在更新查询中可以使用计算机功能,ACCESS试题1.doc
  12. 管理信息系统可行性分析报告_软考复习笔记|项目管理过程与可行性分析及可行性分析报告编写...
  13. cad导出pdf_MxCAD云图DWG转PDF
  14. 计算机excel乘法函数公式,excel乘法函数
  15. 基础知识 | 贴片电阻快速扫盲
  16. iOS开发初学者入门需要学习哪些知识?
  17. codecademy 命令行手册(中英文)
  18. python股票买卖问题_LeetCode-Python-714. 买卖股票的最佳时机含手续费
  19. 微信小程序之布局切换
  20. dat2img格式转换-ROM定制开发教程

热门文章

  1. 中学生计算机听课记录表,信息技术课听课记录表.doc
  2. 凡是过往,皆为序章!2020 总结与期待
  3. imagenet2012数据集||迅雷下载
  4. mysql exec_mysql 存储过程 exec
  5. windows7中双击视频文件不能用终极解码播放问题的解决
  6. 现代通用计算机使用的进制,2017年最新计算机应用基础试题
  7. 原假设与备择假设的联系与区别
  8. Wifi SmartConfig 一键配置
  9. Java项目架构类型与项目分类
  10. pdf转换为ppt最佳转换方法