H5跳转到百度地图并定位

找了半天的JS api,发现没有,后来发现这个叫 url api,让我好找。

官方文档: http://lbsyun.baidu.com/index.php?title=uri/api/web ;

 

简介:

Web版百度地图面向PC&移动端浏览器的网站应用或移动APP应用,其中PC浏览器调起的百度地图地址为:http://map.baidu.com/ ;移动端调起的百度地图地址为:http://map.baidu.com/mobile/

 
示例:
http://api.map.baidu.com/marker?location=39.916979519873,116.41004950566&title=我的位置&content=百度奎科大厦&output=html
//可以在PC、移动设备浏览器上打开打开该链接显示地图上的点

Webapp示例组成说明:

  • 域名:对应hostname,如api.map.baidu.com
  • 服务名:对应service,如marker
  • 参数:对应parameters,如 location,title,content,output等。

 

参数说明:

  • 地图标点功能

   - 调用该接口可调起PC或web地图,且在指定坐标点上显示点的名称和内容信息。

示例:

http://api.map.baidu.com/marker?location=40.047669,116.313082&title=我的位置&content=百度奎科大厦&output=html&src=yourComponyName|yourAppName   
//调起百度PC或web地图,且在(lat:39.916979519873,lng:116.41004950566)坐标点上显示名称"我的位置",内容"百度奎科大厦"的信息窗口。

 

参数名称参数说明是否必选备注
locationlat<纬度>,lng<经度>必选 
title标注点显示标题必选 
content标注点显示内容必选 
output表示输出类型,web上必须指定为html才能展现地图产品结果。必选 
coord_type坐标类型,可选参数默认为bd09经纬度坐标。允许的值为bd09ll、bd09mc、gcj02、wgs84。bd09ll表示百度经纬度坐标,bd09mc表示百度墨卡托坐标,gcj02表示经过国测局加密的坐标,wgs84表示gps获取的坐标。 
zoom展现地图的级别,默认为视觉最优级别。可选 
srcappName。必选此参数不传值,不保证服务。

 

  • POI(地点)搜索

    - 调用该接口可调起PC或Web百度地图,通过本地检索服务,以列表形式显示符合查询条件的点。

示例:

http://api.map.baidu.com/place/search?query=海底捞&location=31.204055632862,121.41117785465&radius=1000&region=上海&output=html&src=yourCompanyName|yourAppName   //周边检索

参数说明

参数名称参数说明是否必选备注
query关键词必选 
region城市名或县名选择方式:地点搜索限定范围可以由region、bounds和location + radius方式进行,其中bounds优先级最高、region优先级最低(与web服务保持一致)。 
location中心点经纬度,或中心点经纬度和名称描述,注意,名称不参与检索,只负责显示。同上1、39.9761<纬度>,116.3282<经度>

2、39.9761<纬度>,116.3282<经度>| 中关村<名称>

radius检索半径同上 
bounds视野范围同上lat,lng<左下角>,lat,lng<右上角>
output表示输出类型,web上必须指定为html才能展现地图产品结果。必选手机客户端忽略此参数
coord_type坐标类型,可选参数可选默认为bd09经纬度坐标。允许的值为bd09ll、gcj02、wgs84。bd09ll表示百度经纬度坐标, gcj02表示经过国测局加密的坐标,wgs84表示gps获取的坐标。
zoom展现地图的级别,默认为视觉最优级别。可选 
srcappName。必选此参数不传值,不保证服务。

 

 

暂时用到了这么多,更详细的文档资料可以去官方文档: http://lbsyun.baidu.com/index.php?title=uri/api/web ;

转载于:https://www.cnblogs.com/bfc0517/p/8686686.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值