H5跳转到百度地图并定位

Posted 2020-10-29 Red丶

找了半天的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）坐标点上显示名称"我的位置"，内容"百度奎科大厦"的信息窗口。

 

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

 

• 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	展现地图的级别，默认为视觉最优级别。	可选
src	appName。	必选	此参数不传值，不保证服务。

 

 

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