唤醒APP链接

//高德地图

window.location.href="androidamap://viewMap?sourceApplication=appname&poiname=abc&lat=22.984636&lon=113.719614&dev=0";

//百度地图

window.location.href = "baidumap://map/marker?location=39.918624,116.434725&title=Marker&content=makeamarker&traffic=on"; //百度

/ /腾讯地图

window.location.href = "qqmap://map/marker?marker=coord:39.892326,116.342763;title:超好吃冰激凌;addr:手帕口桥北铁路道口&referer=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77";

打开网页地图

在H5页面中跳转到地图App,或者在本地App中加载的H5页面跳转到地图App,唤起App进行导航;

1、腾讯地图:

调用方式: http://apis.map.qq.com/uri/v1/marker?marker=coord:lat,lng;addr:address

其中lat、lng、address分别为经纬度和详细地址三个参数,更多参数介绍可在腾讯地图api找到:https://lbs.qq.com/uri_v1/guide.html

当用户手机未安装腾讯地图APP时,可通过浏览器调起腾讯地图下载页,为用户提供下载,实现体验闭环;

2、高德地图:

调用方式: http://uri.amap.com/marker?position=lng,lat&name=address&coordinate=gaode&callnative=1

其中lat、lng、address分别为经纬度和详细地址三个参数,其中经纬度为必填参数,注意区别腾讯地图,此两者调用方式中经度和纬度的位置是相反的,高德地图URI API详细参数及说明可在高德开放平台找到:https://lbs.amap.com/api/uri-api/gettingstarted

3、百度地图:

调用方式:http://api.map.baidu.com/marker?location=纬度,经度&title=所在位置名称&content=所在位置的简介&output=html

详细参数可在 http://lbsyun.baidu.com/index.php?title=uri/api/web#service-page-anchor2  找到

html5唤起高德,h5页面唤醒百度高德地图相关推荐

  1. H5页面唤醒高德地图|百度地图App

    H5页面唤醒高德地图|百度地图App 移动端H5页面唤醒app,若唤醒失败则跳转到应用商城下载. 唤醒前需要检测当前操作系统,不同的操作系统用不同的协议 我这里的需求是唤醒失败就跳转到网页版的地图,若 ...

  2. 微信H5页面嵌入百度地图---解决手机的webKit定位,ios系统对非https网站不提供支持问题

    微信H5页面嵌入百度地图---解决手机的webKit定位,ios系统对非https网站不提供支持问题 参考文章: (1)微信H5页面嵌入百度地图---解决手机的webKit定位,ios系统对非http ...

  3. 关于app内嵌h5页面调用百度地图定位问题,为什么定位不准呢?

    关于app内嵌h5页面调用百度地图定位问题,为什么定位不准呢?以下为代码. 百度地图:里面有3种定位方式(a:浏览器定位,b:IP定位,c:定位SDK辅助定位),我选择第3种,是需要app那块添加些什 ...

  4. html页面插入百度谷歌地图的方法

    html页面插入百度谷歌地图 一.百度地图 1.打开"百度地图生成器"的网址:http://api.map.baidu.com/lbsapi/creatmap/index.html ...

  5. html5唤醒百度高德地图,H5内唤醒百度、高德APP

    前几天,联合黑卡反馈了一个需求,需要在H5中打开百度APP或者是高德APP,于是我在网上查了相关文档,下面放上链接: 1.高德地图 2.百度地图 具体思路就是点击选择地图的时候,先去请求APP链接,8 ...

  6. WEB页面或者H5页面如何打开高德或者百度地图APP导航(实战向)

    一.序言 在日常开发中,地图的接入使用在各大app和网站中我们都不难见到,打开方式也各有不同,嵌套内部的,或者是直接打开百度,高德,谷歌等地图app.相对来说,各大地图app的文档写的非常齐全,即使是 ...

  7. H5页面调起高德地图APP/百度地图APP

    直接通过链接跳转即可唤起高德地图APP或者百度地图APP,示例如下: var s = startAddressInfo;//起点地址信息var e = endAddressInfo;//终点地址信息i ...

  8. html5输入框表情,H5页面input输入框含有键盘自带的表情符时显示异常

    在做一个关于新闻的评论功能的H5页面时,需求里面要求能够发送表情显示表情,如果使用自定义的表情库,则在评论也还要加载大量的表情符图片,极大的影响加载速度,消耗流量,去看了下别的新闻网页版的评论部分也没 ...

  9. html5互动,制作H5页面有哪些趣味互动功能?

    以前大家刚刚接触到H5页面,可能会有一种移动版的PPT的展示感受,但现在随着H5制作软件的成熟,用户在制作H5页面时,能够用上的玩法也变得越来越多,而且趣味性也有了很大的增强.具体制作H5页面能有哪些 ...

最新文章

  1. 机器学习萌新必备的三种优化算法 | 选型指南
  2. datagridview当传递具有已修改行的 DataRow 集合时,更新要求有效的 UpdateCommand。
  3. 程序员如何快速成长为IT精英
  4. java程序设计_十分钟说课—Java程序设计(耿祥义)
  5. 移动Web开发与适配笔记
  6. ReentrantLock 源码解析
  7. Logisim新手入门实验
  8. linux 配置vpn 客户端,mandriva下成功配置vpn客户端
  9. Duke的咆哮语录②:我求求你们跟我学一下代码“分层”吧!
  10. 线性代数系列讲解第七篇 正交向量及正交空间
  11. Kaggle一周30小时Tesla P100教程~
  12. 在 RedHat、 CentOS、 Fedora 上安装 Teamviewer 9(转)
  13. 1080p显示器与2k的差别究竟有多大?该如何选择
  14. 2018 react 大会_2018年React.js全面指南
  15. HTTP请求的过程与TCP连接的过程
  16. java如何判断回文数
  17. 微信公众号开发 - token获取(保证同一时间段内只请求一次)
  18. css flex布局超长自动换行
  19. TokenInsight 关于 $DYDX 信息梳理及市场预期表现分析汇总
  20. 在OLED12864竟然也能玩Chrome 小恐龙跳一跳的游戏?附所有软硬件资料【全开源】

热门文章

  1. HBase分享 | Flink+HBase场景化解决方案
  2. 基于java客户订单管理系统
  3. HCIP网络配置(MGRE+OSPF+优化)
  4. 倍福TwinCAT(贝福Beckhoff)应用教程12.2 TwinCAT控制松下伺服 NC初步
  5. 修改注册表出现“无法编辑UncheckedValue:写该值的新内容时出错”的解决方法
  6. 【数学】《离散数学中“群”的概念》
  7. Offer一个候选人的正确姿势
  8. 十二、Cadence 514 614 Calibre license许可问题
  9. 使用 Spire.Pdf的横竖打印设定
  10. 【python】用folium画图浏览器显示空白