H5跳转到百度地图并定位

Posted Red丶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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)坐标点上显示名称"我的位置",内容"百度奎科大厦"的信息窗口。

 

参数名称参数说明是否必选备注
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 ;

以上是关于H5跳转到百度地图并定位的主要内容,如果未能解决你的问题,请参考以下文章

安卓开发,百度地图

H5获取定位后转为百度地图坐标

h5唤起地图导航

更正HBuilder开发基于MUI的H5+ app中使用百度地图定位功能

vue百度地图

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