http://lbsyun.baidu.com/index.php?title=uri/guide/helloworld(百度地图调起URI API)开发者只需按照接口规范构造一条标准的URI,便可在PC和移动端浏览器或移动开发应用中调起百度地图产品,进行地图展示和检索、线路查询、导航等功能,无需进行复杂的地图功能开发。
http://lbsyun.baidu.com/index.php?title=uri/api/web
2.2.3公交、驾车、步行路线规划
服务地址
http://api.map.baidu.com/direction   //PC&Webapp服务地址

示例
http://api.map.baidu.com/direction?origin=latlng:34.264642646862,108.95108518068|name:我家&destination=大雁塔&mode=driving&region=西安&output=html&src=webapp.baidu.openAPIdemo
//调起百度PC或Web地图,展示"西安市"从(lat:34.264642646862,lng:108.95108518068 )"我家"到"大雁塔"的驾车路线。

在iOS浏览器打开以上链接会调起百度web地图,详情页面见下图。

参数说明
参数名称 参数说明 是否必选 备注
origin 起点名称或经纬度,或者可同时提供名称和经纬度,此时经纬度优先级高,将作为导航依据,名称只负责展示。 必选 1、名称:天安门

2、经纬度:39.98871<纬度>,116.43234<经度>。 3、名称和经纬度:name:天安门|latlng:39.98871,116.43234

destination 终点名称或经纬度,或者可同时提供名称和经纬度,此时经纬度优先级高,将作为导航依据,名称只负责展示。 必选 同上
mode 导航模式,固定为transit、driving、walking,分别表示公交、驾车和步行 必选  
region 城市名或县名 当给定region时,认为起点和终点都在同一城市,除非单独给定起点或终点的城市。  
origin_region 起点所在城市或县 同上  
destination_region 终点所在城市或县 同上  
output 表示输出类型,web上必须指定为html才能展现地图产品结果。 必选 手机客户端忽略此参数
coord_type 坐标类型,可选参数 可选 默认为bd09经纬度坐标。允许的值为bd09ll、bd09mc、gcj02、wgs84。bd09ll表示百度经纬度坐标,bd09mc表示百度墨卡托坐标,gcj02表示经过国测局加密的坐标,wgs84表示gps获取的坐标
zoom 展现地图的级别,默认为视觉最优级别。 可选  
src 调用来源,规则:webapp.companyName.appName。 必选 此参数不传值,不保证服务。
、、、、、、、、、、、、、、、、、、、、、、、、、、、

移动端app跳转百度地图:1、

window.location.href="

http://api.map.baidu.com/geocoder?
location=30.22,120.15&coord_type=bd09ll&output=html&src=w
ebapp.baidu.openAPIdemo”

2、

window.location.href="http://api.map.baidu.com/direction?origin=当前位置&destination=西湖&mode=driving&region=杭州&output=html&src=yourCompanyName|yourAppName";

3、
window.location.href = "http://api.map.baidu.com/direction?origin=latlng:" + v.latitude + "," + v.longitude + "|name:当前位置&destination=latlng:" + gp[1] + "," + gp[0]+ "|name:目的地&mode=driving&region=杭州&output=html&src=yourCompanyName|yourAppName";

5、源码展示:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JSAPI与URLAPI结合示例</title> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=2b866a6daac9014292432d81fe9b47e3"></script> <script src="http://d1.lashouimg.com/static/js/release/jquery-1.4.2.min.js" type="text/javascript"></script> <style type="text/css"> html,body{ width:400px; height:300px; margin:0; overflow:hidden; } </style> </head> <body></body> </html> <script type="text/javascript"> var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(116.403884,39.914887), 13); map.enableScrollWheelZoom(); var marker=new BMap.Marker(new BMap.Point(116.403884,39.914887)); map.addOverlay(marker); var licontent="<b>天安门</b><br>"; licontent+="<span><strong>地址:</strong>北京市东城区天安门广场北侧</span><br>"; licontent+="<span><strong>电话:</strong>(010)63095718,(010)63095630</span><br>"; licontent+="<span class="\"input\"><strong></strong><input" class="\"outset\"" type=\"text\" name=\"origin\" value=\"北京站\"/><input class="\"outset-but\"" type=\"button\" value=\"公交\" onclick=\"gotobaidu(1)\" /><input class="\"outset-but\"" type=\"button\" value=\"驾车\" onclick=\"gotobaidu(2)\"/><a class="\"gotob\"" href=\"url=\"http://api.map.baidu.com/direction?destination=latlng:"+marker.getPosition().lat+","+marker.getPosition().lng+"|name:天安门"+"®ion=北京"+"&output=html\" target=\"_blank\"></a></span>"; var hiddeninput="<input type=\"hidden\" value=\""+'北京'+"\" name=\"region\" /><input type=\"hidden\" value=\"html\" name=\"output\" /><input type=\"hidden\" value=\"driving\" name=\"mode\" /><input type=\"hidden\" value=\"latlng:"+marker.getPosition().lat+","+marker.getPosition().lng+"|name:天安门"+"\" name=\"destination\" />"; var content1 ="<form id=\"gotobaiduform\" action=\"http://api.map.baidu.com/direction\" target=\"_blank\" method=\"get\">" 

转载于:https://www.cnblogs.com/YuyuanNo1/p/9815366.html

移动端app跳转百度地图相关推荐

  1. Android调用跳转百度地图、高德地图、腾讯地图进行目的地导航

    Android App跳转百度地图.高德地图.腾讯地图进行目的地导航. 先放上百度.高德.腾讯地图调起API文档地址,有些参数不懂可以参考. 百度地图:http://lbsyun.baidu.com/ ...

  2. 安卓APP跳转百度、高德、腾讯地图

    一:国内主流坐标系类型 来自百度地图的介绍: https://lbsyun.baidu.com/index.php?title=androidsdk/guide/coordtrans 主要有以下三种 ...

  3. APP跳转百度、高德、腾讯地图导航

    这个本来是一个很简单的需求,奈何我遇到了很奇葩的问题.最开始我用的是百度sdk中的跳转api,自己用小米和联想测试跳转没有问题,然而用户的魅蓝note5点击跳转没有任何响应,后来又陆续出现了华为met ...

  4. 移动端浏览器调起百度地图、高德地图

    类似这样,点击两个按钮,分别调到各自的app客户端,没有客户端跳进移动端的web地图中. 百度地图和高德地图都提供了各自的地图调用的方法.百度api 高德api 百度的稍微麻烦一些,不过还好,我页面使 ...

  5. Android中应用百度地图API开发地图APP实例-显示百度地图

    场景 效果 在使用百度地图API之前需要先在百度地图开放平台中申请API_KEY http://lbsyun.baidu.com/index.php 申请API_KEY 登录百度开放平台后找到控制台下 ...

  6. android应用控制百度地图,Android中应用百度地图API开发地图APP实例-显示百度地图...

    场景 效果 在使用百度地图API之前需要先在百度地图开放平台中申请API_KEY 申请API_KEY 登录百度开放平台后找到控制台下的应用管理-创建应用 依次输入应用名,应用类型选择Android S ...

  7. 求助,微信浏览器如何跳转百度地图APP和高德地图APP

    第一次发帖: 求大神帮个忙指点一二~~实在是找不到如何处理 window.location.href ="iosamap://"  基本上这样浏览器上就可以跳转了, 但是微信公众号 ...

  8. html百度地图app,uniapp H5 百度地图(示例代码)

    uniapp跳转内部html 使用webview 1.首先在根目录创建hybrid 文件夹,创建html子文件夹 2.创建包含webview的vue文件,在pages.json内写入路径 文件中包un ...

  9. 百度地图api公交路线,IE下跳转百度地图后中文变成乱码的解决办法

    百度开放的公交路线的链接,IE跳转会出现中文变成乱码的问题.如图: //创建InfoWindow function createInfoWindow() { var desDiv = []; desD ...

  10. APP 跳转高德地图

    /** 1: * 判断是否安装目标应用 * @param packageName 目标应用安装后的包名 * @return 是否已安装目标应用 */ private boolean isInstall ...

最新文章

  1. TensorFlow2.0正式版发布,极简安装TF2.0(CPUGPU)教程
  2. docker 启动sqlserver_在Docker上安装MSSQL(SQL Server)
  3. 设计模式(十五)享元模式(结构型)
  4. linux正则表达式awk讲解
  5. 每日一皮:这设计师真有才...
  6. 机房做隔断为什么要用防火玻璃?
  7. Windows 11 大更新!可安装超千款 Android 应用
  8. dede plus ad js.php,织梦程序中plus文件作用介绍及安全设置
  9. linux进入字符界面编程,MPlayer字符界面操作方法
  10. 【Linux入门学习之】ubuntu10.04 ruijie配置上网(用mentohust)
  11. Proftpd(MySQL验证+配额)配置
  12. “五月天才不短咧” TME live这样焕发线上Live演出的生命力
  13. H.264技术及原理
  14. amd显卡测试帧数显示软件,NVIDIA发布帧数显示及显卡基准测试应用FrameView
  15. 新宝美股三大指数集体高开
  16. 对象可以创建数组吗_淘宝联盟平台可以创建淘礼金吗?相关问题解答
  17. 微信小程序的图片预加载处理
  18. AUTOSAR NvMFee Configuration
  19. 【winPE系统下如何安装游戏手柄】
  20. 微服务架构深度解析与最佳实践 - 第七部分:全文总结与引用材料

热门文章

  1. signature=de4fefc549f99f0b0c76a2cec8e340bf,Diagnostics based on faulty signature
  2. 【Java 8 新特性】Java Stream 通过min()和max()获取列表最小值和最大值
  3. Sphinx入门操作
  4. android 友盟统计功能,Android应用中添加友盟统计
  5. linux硬盘分区的几种方式,硬盘分区的三种方式
  6. 我为国内微积分“小糊涂”感到悲哀!
  7. 【SDOI2015】星际战争(网络流)
  8. C#生成Word文档
  9. python怎么用sin_python怎么打sin
  10. 超出部分隐藏以省略号表示