移动端app跳转百度地图
http://lbsyun.baidu.com/index.php?title=uri/guide/helloworld(百度地图调起URI API)开发者只需按照接口规范构造一条标准的URI,便可在PC和移动端浏览器或移动开发应用中调起百度地图产品,进行地图展示和检索、线路查询、导航等功能,无需进行复杂的地图功能开发。
http://lbsyun.baidu.com/index.php?title=uri/api/web
http://api.map.baidu.com/direction //PC&Webapp服务地址
http://api.map.baidu.com/direction?origin=latlng:34.264642646862,108.95108518068|name:我家&destination=大雁塔&mode=driving®ion=西安&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®ion=杭州&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®ion=杭州&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跳转百度地图相关推荐
- Android调用跳转百度地图、高德地图、腾讯地图进行目的地导航
Android App跳转百度地图.高德地图.腾讯地图进行目的地导航. 先放上百度.高德.腾讯地图调起API文档地址,有些参数不懂可以参考. 百度地图:http://lbsyun.baidu.com/ ...
- 安卓APP跳转百度、高德、腾讯地图
一:国内主流坐标系类型 来自百度地图的介绍: https://lbsyun.baidu.com/index.php?title=androidsdk/guide/coordtrans 主要有以下三种 ...
- APP跳转百度、高德、腾讯地图导航
这个本来是一个很简单的需求,奈何我遇到了很奇葩的问题.最开始我用的是百度sdk中的跳转api,自己用小米和联想测试跳转没有问题,然而用户的魅蓝note5点击跳转没有任何响应,后来又陆续出现了华为met ...
- 移动端浏览器调起百度地图、高德地图
类似这样,点击两个按钮,分别调到各自的app客户端,没有客户端跳进移动端的web地图中. 百度地图和高德地图都提供了各自的地图调用的方法.百度api 高德api 百度的稍微麻烦一些,不过还好,我页面使 ...
- Android中应用百度地图API开发地图APP实例-显示百度地图
场景 效果 在使用百度地图API之前需要先在百度地图开放平台中申请API_KEY http://lbsyun.baidu.com/index.php 申请API_KEY 登录百度开放平台后找到控制台下 ...
- android应用控制百度地图,Android中应用百度地图API开发地图APP实例-显示百度地图...
场景 效果 在使用百度地图API之前需要先在百度地图开放平台中申请API_KEY 申请API_KEY 登录百度开放平台后找到控制台下的应用管理-创建应用 依次输入应用名,应用类型选择Android S ...
- 求助,微信浏览器如何跳转百度地图APP和高德地图APP
第一次发帖: 求大神帮个忙指点一二~~实在是找不到如何处理 window.location.href ="iosamap://" 基本上这样浏览器上就可以跳转了, 但是微信公众号 ...
- html百度地图app,uniapp H5 百度地图(示例代码)
uniapp跳转内部html 使用webview 1.首先在根目录创建hybrid 文件夹,创建html子文件夹 2.创建包含webview的vue文件,在pages.json内写入路径 文件中包un ...
- 百度地图api公交路线,IE下跳转百度地图后中文变成乱码的解决办法
百度开放的公交路线的链接,IE跳转会出现中文变成乱码的问题.如图: //创建InfoWindow function createInfoWindow() { var desDiv = []; desD ...
- APP 跳转高德地图
/** 1: * 判断是否安装目标应用 * @param packageName 目标应用安装后的包名 * @return 是否已安装目标应用 */ private boolean isInstall ...
最新文章
- TensorFlow2.0正式版发布,极简安装TF2.0(CPUGPU)教程
- docker 启动sqlserver_在Docker上安装MSSQL(SQL Server)
- 设计模式(十五)享元模式(结构型)
- linux正则表达式awk讲解
- 每日一皮:这设计师真有才...
- 机房做隔断为什么要用防火玻璃?
- Windows 11 大更新!可安装超千款 Android 应用
- dede plus ad js.php,织梦程序中plus文件作用介绍及安全设置
- linux进入字符界面编程,MPlayer字符界面操作方法
- 【Linux入门学习之】ubuntu10.04 ruijie配置上网(用mentohust)
- Proftpd(MySQL验证+配额)配置
- “五月天才不短咧” TME live这样焕发线上Live演出的生命力
- H.264技术及原理
- amd显卡测试帧数显示软件,NVIDIA发布帧数显示及显卡基准测试应用FrameView
- 新宝美股三大指数集体高开
- 对象可以创建数组吗_淘宝联盟平台可以创建淘礼金吗?相关问题解答
- 微信小程序的图片预加载处理
- AUTOSAR NvMFee Configuration
- 【winPE系统下如何安装游戏手柄】
- 微服务架构深度解析与最佳实践 - 第七部分:全文总结与引用材料
热门文章
- signature=de4fefc549f99f0b0c76a2cec8e340bf,Diagnostics based on faulty signature
- 【Java 8 新特性】Java Stream 通过min()和max()获取列表最小值和最大值
- Sphinx入门操作
- android 友盟统计功能,Android应用中添加友盟统计
- linux硬盘分区的几种方式,硬盘分区的三种方式
- 我为国内微积分“小糊涂”感到悲哀!
- 【SDOI2015】星际战争(网络流)
- C#生成Word文档
- python怎么用sin_python怎么打sin
- 超出部分隐藏以省略号表示