web端
目录
[隐藏]适用环境
Web版百度地图面向PC&移动端浏览器的网站应用或移动APP应用，其中PC浏览器调起的百度地图地址为：http://map.baidu.com/ 移动端调起的百度地图地址为：http://map.baidu.com/mobile/ 。
协议形式
示例：
移动设备浏览器调起效果如下：
Webapp示例组成说明：
域名：对应hostname，如api.map.baidu.com
服务名：对应service，如marker
参数：对应parameters，如 location,title,content,output等。
功能使用说明
地图标点功能
调用该接口可调起PC或web地图，且在指定坐标点上显示点的名称和内容信息。
服务地址
参数说明
| 参数名称 | 参数说明 | 是否必选 | 备注 |
|---|---|---|---|
| location | lat<纬度>,lng<经度> | 必选 | |
| title | 标注点显示标题 | 必选 | |
| content | 标注点显示内容 | 必选 | |
| output | 表示输出类型，web上必须指定为html才能展现地图产品结果。 | 必选 | |
| coord_type | 坐标类型，可选参数 | 默认为bd09经纬度坐标。允许的值为bd09ll、bd09mc、gcj02、wgs84。bd09ll表示百度经纬度坐标，bd09mc表示百度墨卡托坐标，gcj02表示经过国测局加密的坐标，wgs84表示gps获取的坐标。 | |
| zoom | 展现地图的级别，默认为视觉最优级别。 | 可选 | |
| src | appName。 | 必选 | 此参数不传值，不保证服务。 |
示例
在iOS浏览器打开以上链接会调起百度web地图,详情页面如左图，点击"我的位置"后进入右图。
地址解析
调用该接口可以在调起百度地图时，当前页面显示地址对应的坐标点。
服务地址
参数说明
| 参数名称 | 参数说明 | 是否必选 | 备注 |
|---|---|---|---|
| address | 地址名称 | 必选 | |
| output | 表示输出类型，web上必须指定为html才能展现地图产品结果。 | 必选 | 手机客户端忽略此参数 |
| coord_type | 坐标类型，可选参数，默认为bd09经纬度坐标。允许的值为bd09ll、bd09mc、gcj02、wgs84。bd09ll表示百度经纬度坐标，bd09mc表示百度墨卡托坐标，gcj02表示经过国测局加密的坐标，wgs84表示gps获取的坐标。 | 可选 | |
| zoom | 展现地图的级别，默认为视觉最优级别。 | 可选 | |
| src | appName。 | 必选 | 此参数不传值，不保证服务。 |
示例
在iOS浏览器打开以上链接会调起百度web地图,详情页面如左图，点击"地图"后进入右图。
反向地址解析（地址查询）
调用该接口可调起PC或Web百度地图，经过逆地理编码后，以标注形式显示位置和地址信息。
服务地址
参数说明
| 参数名称 | 参数说明 | 是否必选 | 备注 |
|---|---|---|---|
| location | lat<纬度>,lng<经度> | 必选 | |
| output | 表示输出类型，web上必须指定为html才能展现地图产品结果。 | 必选 | 手机客户端忽略此参数 |
| coord_type | 坐标类型，可选参数，默认为bd09经纬度坐标。允许的值为bd09ll、bd09mc、gcj02、wgs84。bd09ll表示百度经纬度坐标，bd09mc表示百度墨卡托坐标，gcj02表示经过国测局加密的坐标，wgs84表示gps获取的坐标。 | 可选 | |
| zoom | 展现地图的级别，默认为视觉最优级别。 | 可选 | |
| src | appName。 | 必选 | 此参数不传值，不保证服务。 |
示例
POI（地点）搜索
调用该接口可调起PC或Web百度地图，通过本地检索服务，以列表形式显示符合查询条件的点。
服务地址
参数说明
| 参数名称 | 参数说明 | 是否必选 | 备注 |
|---|---|---|---|
| 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。 | 必选 | 此参数不传值，不保证服务。 |
示例
在iOS浏览器打开以上链接会调起百度web地图,详情页面如左图，点击"地图"后进入右图。
POI详情页展示
调用该接口可调起PC或Web百度地图，通过POI详情查询服务，显示指定点的详情信息。
服务地址
参数说明
| 参数名称 | 参数说明 | 是否必选 | 备注 |
|---|---|---|---|
| uid | POI的ID | 必选 | |
| output | 表示输出类型，web上必须指定为html才能展现地图产品结果。 | 必选 | 手机客户端忽略此参数 |
| zoom | 展现地图的级别，默认为视觉最优级别。 | 可选 | |
| src | appName。 | 必选 | 此参数不传值，不保证服务。 |
示例
在iOS浏览器打开以上链接会调起百度web地图,详情页面如左图，点击"地图"后进入右图。
公交、地铁线路查询
调用该接口可调起PC或Web百度地图，通过线路查询服务，以列表形式显示线路信息。
服务地址
参数说明
| 参数名称 | 参数说明 | 是否必选 | 备注 |
|---|---|---|---|
| region | 城市名或县名 | 必选 | |
| name | 线路名称 | 必选 | |
| output | 表示输出类型，web上必须指定为html才能展现地图产品结果。 | 必选 | 手机客户端忽略此参数 |
| zoom | 展现地图的级别，默认为视觉最优级别。 | 可选 | |
| src | appName。 | 必选 | 此参数不传值，不保证服务。 |
示例
在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 | appName。 | 必选 |
示例
在iOS浏览器打开以上链接会调起百度web地图,详情页面如左图，点击"地图"后进入右图。
全景服务
调用该接口可以在调起百度地图api时，当前页面显示对应的全景点。
服务地址
参数
| 参数名称 | 参数说明 | 是否必选 | 备注 |
|---|---|---|---|
| ak | 应用秘钥 | 必选 | |
| xy | 经纬度 | xy/pid/uid三组参数必选一组 | 显示该经纬周围最近的全景点 |
| pid | 全景的id | xy/pid/uid三组参数必选一组 | 显示该id的全景点 |
| uid | poiid | xy/pid/uid三组参数必选一组 | 显示该poi的全景点 |
| h | 水平角度 | 可选 | 默认为该场景点最佳角度 |
| p | 垂直视角 | 可选 | 默认为该场景点最佳角度 |
| nc | 是否显示鱼骨控件 | 可选 | 默认为1，即开启 |
| lc | 是否显示拓扑箭头 | 可选 | 默认为1，即开启 |
| issc | 是否显示内景场景切换控件 | 可选 | 默认为1，即开启 |
| ac | 是否相册控件 | 可选 | 默认为0，即关闭 |
| z | 场景缩放级别 | 可选 | 默认为3 |
| iec | 是否显示内部全景出口 | 可选 | 默认为1，即显示内景出口 |
示例
调用该接口可调起PC或Web百度地图
来自 http://developer.baidu.com/map/wiki/index.php?title=uri/api/web
适用环境
Web版百度地图面向PC&移动端浏览器的网站应用或移动APP应用，其中PC浏览器调起的百度地图地址为：http://map.baidu.com/ 移动端调起的百度地图地址为：http://map.baidu.com/mobile/ 。
协议形式
示例：
移动设备浏览器调起效果如下：
Webapp示例组成说明：
域名：对应hostname，如api.map.baidu.com
服务名：对应service，如marker
参数：对应parameters，如 location,title,content,output等。
功能使用说明
地图标点功能
调用该接口可调起PC或web地图，且在指定坐标点上显示点的名称和内容信息。
服务地址
参数说明
| 参数名称 | 参数说明 | 是否必选 | 备注 |
|---|---|---|---|
| location | lat<纬度>,lng<经度> | 必选 | |
| title | 标注点显示标题 | 必选 | |
| content | 标注点显示内容 | 必选 | |
| output | 表示输出类型，web上必须指定为html才能展现地图产品结果。 | 必选 | |
| coord_type | 坐标类型，可选参数 | 默认为bd09经纬度坐标。允许的值为bd09ll、bd09mc、gcj02、wgs84。bd09ll表示百度经纬度坐标，bd09mc表示百度墨卡托坐标，gcj02表示经过国测局加密的坐标，wgs84表示gps获取的坐标。 | |
| zoom | 展现地图的级别，默认为视觉最优级别。 | 可选 | |
| src | appName。 | 必选 | 此参数不传值，不保证服务。 |
示例
在iOS浏览器打开以上链接会调起百度web地图,详情页面如左图，点击"我的位置"后进入右图。
地址解析
调用该接口可以在调起百度地图时，当前页面显示地址对应的坐标点。
服务地址
参数说明
| 参数名称 | 参数说明 | 是否必选 | 备注 |
|---|---|---|---|
| address | 地址名称 | 必选 | |
| output | 表示输出类型，web上必须指定为html才能展现地图产品结果。 | 必选 | 手机客户端忽略此参数 |
| coord_type | 坐标类型，可选参数，默认为bd09经纬度坐标。允许的值为bd09ll、bd09mc、gcj02、wgs84。bd09ll表示百度经纬度坐标，bd09mc表示百度墨卡托坐标，gcj02表示经过国测局加密的坐标，wgs84表示gps获取的坐标。 | 可选 | |
| zoom | 展现地图的级别，默认为视觉最优级别。 | 可选 | |
| src | appName。 | 必选 | 此参数不传值，不保证服务。 |
示例
在iOS浏览器打开以上链接会调起百度web地图,详情页面如左图，点击"地图"后进入右图。
反向地址解析（地址查询）
调用该接口可调起PC或Web百度地图，经过逆地理编码后，以标注形式显示位置和地址信息。
服务地址
参数说明
| 参数名称 | 参数说明 | 是否必选 | 备注 |
|---|---|---|---|
| location | lat<纬度>,lng<经度> | 必选 | |
| output | 表示输出类型，web上必须指定为html才能展现地图产品结果。 | 必选 | 手机客户端忽略此参数 |
| coord_type | 坐标类型，可选参数，默认为bd09经纬度坐标。允许的值为bd09ll、bd09mc、gcj02、wgs84。bd09ll表示百度经纬度坐标，bd09mc表示百度墨卡托坐标，gcj02表示经过国测局加密的坐标，wgs84表示gps获取的坐标。 | 可选 | |
| zoom | 展现地图的级别，默认为视觉最优级别。 | 可选 | |
| src | appName。 | 必选 | 此参数不传值，不保证服务。 |
示例
POI（地点）搜索
调用该接口可调起PC或Web百度地图，通过本地检索服务，以列表形式显示符合查询条件的点。
服务地址
参数说明
| 参数名称 | 参数说明 | 是否必选 | 备注 |
|---|---|---|---|
| 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。 | 必选 | 此参数不传值，不保证服务。 |
示例
在iOS浏览器打开以上链接会调起百度web地图,详情页面如左图，点击"地图"后进入右图。
POI详情页展示
调用该接口可调起PC或Web百度地图，通过POI详情查询服务，显示指定点的详情信息。
服务地址
参数说明
| 参数名称 | 参数说明 | 是否必选 | 备注 |
|---|---|---|---|
| uid | POI的ID | 必选 | |
| output | 表示输出类型，web上必须指定为html才能展现地图产品结果。 | 必选 | 手机客户端忽略此参数 |
| zoom | 展现地图的级别，默认为视觉最优级别。 | 可选 | |
| src | appName。 | 必选 | 此参数不传值，不保证服务。 |
示例
在iOS浏览器打开以上链接会调起百度web地图,详情页面如左图，点击"地图"后进入右图。
公交、地铁线路查询
调用该接口可调起PC或Web百度地图，通过线路查询服务，以列表形式显示线路信息。
服务地址
参数说明
| 参数名称 | 参数说明 | 是否必选 | 备注 |
|---|---|---|---|
| region | 城市名或县名 | 必选 | |
| name | 线路名称 | 必选 | |
| output | 表示输出类型，web上必须指定为html才能展现地图产品结果。 | 必选 | 手机客户端忽略此参数 |
| zoom | 展现地图的级别，默认为视觉最优级别。 | 可选 | |
| src | appName。 | 必选 | 此参数不传值，不保证服务。 |
示例
在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 | appName。 | 必选 |
示例
在iOS浏览器打开以上链接会调起百度web地图,详情页面如左图，点击"地图"后进入右图。
全景服务
调用该接口可以在调起百度地图api时，当前页面显示对应的全景点。
服务地址
参数
| 参数名称 | 参数说明 | 是否必选 | 备注 |
|---|---|---|---|
| ak | 应用秘钥 | 必选 | |
| xy | 经纬度 | xy/pid/uid三组参数必选一组 | 显示该经纬周围最近的全景点 |
| pid | 全景的id | xy/pid/uid三组参数必选一组 | 显示该id的全景点 |
| uid | poiid | xy/pid/uid三组参数必选一组 | 显示该poi的全景点 |
| h | 水平角度 | 可选 | 默认为该场景点最佳角度 |
| p | 垂直视角 | 可选 | 默认为该场景点最佳角度 |
| nc | 是否显示鱼骨控件 | 可选 | 默认为1，即开启 |
| lc | 是否显示拓扑箭头 | 可选 | 默认为1，即开启 |
| issc | 是否显示内景场景切换控件 | 可选 | 默认为1，即开启 |
| ac | 是否相册控件 | 可选 | 默认为0，即关闭 |
| z | 场景缩放级别 | 可选 | 默认为3 |
| iec | 是否显示内部全景出口 | 可选 | 默认为1，即显示内景出口 |
示例
调用该接口可调起PC或Web百度地图
来自 http://lbsyun.baidu.com/index.php?title=uri/api/web
<a href="baidumap://map/direction?mode=[transit:公交,driving:驾车]&origin=纬 度,经度&destination=纬度,经度®ion=城市代码">点击我调用百度地图导航</> android: <a href="intent://map/direction?mode=[transit:公交,driving:驾车]&origin=纬度, 经度&destination=纬度,经度®ion=城市代码">点击我调用百度地图导航</> 来自 http://zhidao.baidu.com/link?url=7E-kI3pwlx1xplbSNE-uoNFC4SX3QFfwENeHDBOmx1u6FVRVJezreiEew6dXopnRQHorMQam26cmgVffDfFi_K
HTML5通过获取地理位置经纬度，判断城市
html5提供了获取地理位置的api，很方便确定客户的经纬度，我们获取到经纬度以后，可以通过百度地图提供的api确定用户的所在位置。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>基于浏览器的HTML5查找地理位置</title>
<!-- 百度API -->
<script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>
<script>
function getLocation(){
var options={
enableHighAccuracy:true,
maximumAge:1000
}
if(navigator.geolocation){
//浏览器支持geolocation
navigator.geolocation.getCurrentPosition(onSuccess,onError,options);
}else{
//浏览器不支持geolocation
alert('您的浏览器不支持地理位置定位');
}
}
//成功时
function onSuccess(position){
//返回用户位置
//经度
var longitude =position.coords.longitude;
//纬度
var latitude = position.coords.latitude;
alert('经度'+longitude+'，纬度'+latitude);
//根据经纬度获取地理位置，不太准确，获取城市区域还是可以的
var map = new BMap.Map("allmap");
var point = new BMap.Point(longitude,latitude);
var gc = new BMap.Geocoder();
gc.getLocation(point, function(rs){
var addComp = rs.addressComponents;
alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
});
}
//失败时
function onError(error){
switch(error.code){
case 1:
alert("位置服务被拒绝");
break;
case 2:
alert("暂时获取不到位置信息");
break;
case 3:
alert("获取信息超时");
break;
case 4:
alert("未知错误");
break;
}
}
window.onload=getLocation;
</script>
</head>
<body>
</body>
</html>
目前在电脑上有时不能获取，手机端还是很好的，另外，获取的定位不是十分准确，但是用来获取城市区域还是可以的。
其实这个就是调用了百度地图+html5来实现了，非常的不错。
来自 http://developer.baidu.com/map/wiki/index.php?title=uri/api/web
HTML5通过获取地理位置经纬度，判断城市
html5提供了获取地理位置的api，很方便确定客户的经纬度，我们获取到经纬度以后，可以通过百度地图提供的api确定用户的所在位置。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>基于浏览器的HTML5查找地理位置</title>
<!-- 百度API -->
<script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>
<script>
function getLocation(){
var options={
enableHighAccuracy:true,
maximumAge:1000
}
if(navigator.geolocation){
//浏览器支持geolocation
navigator.geolocation.getCurrentPosition(onSuccess,onError,options);
}else{
//浏览器不支持geolocation
alert('您的浏览器不支持地理位置定位');
}
}
//成功时
function onSuccess(position){
//返回用户位置
//经度
var longitude =position.coords.longitude;
//纬度
var latitude = position.coords.latitude;
alert('经度'+longitude+'，纬度'+latitude);
//根据经纬度获取地理位置，不太准确，获取城市区域还是可以的
var map = new BMap.Map("allmap");
var point = new BMap.Point(longitude,latitude);
var gc = new BMap.Geocoder();
gc.getLocation(point, function(rs){
var addComp = rs.addressComponents;
alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
});
}
//失败时
function onError(error){
switch(error.code){
case 1:
alert("位置服务被拒绝");
break;
case 2:
alert("暂时获取不到位置信息");
break;
case 3:
alert("获取信息超时");
break;
case 4:
alert("未知错误");
break;
}
}
window.onload=getLocation;
</script>
</head>
<body>
</body>
</html>
目前在电脑上有时不能获取，手机端还是很好的，另外，获取的定位不是十分准确，但是用来获取城市区域还是可以的。
其实这个就是调用了百度地图+html5来实现了，非常的不错。
来自 http://www.111cn.net/wy/html5/89579.htm
javascript 获得手机地理位置代码如下：
1 2 3 4 5 6 7 8 9 10 11 12 | function getLocation(callback){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(
function(p){
callback(p.coords.latitude, p.coords.longitude);
},
function(e){
var msg = e.code + "\n" + e.message;
}
);
}
}
|
其他回答
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <script>
navigator.geolocation.getCurrentPosition( // 该函数有如下三个参数
function(pos){ // 如果成果则执行该回调函数
alert(
' 经度：' + pos.coords.latitude +
' 纬度：' + pos.coords.longitude +
' 高度：' + pos.coords.altitude +
' 精确度(经纬)：' + pos.coords.accuracy +
' 精确度(高度)：' + pos.coords.altitudeAccuracy +
' 速度：' + pos.coords.speed
);
}, function(err){ // 如果失败则执行该回调函数
alert(err.message);
}, { // 附带参数
enableHighAccuracy: false, // 提高精度(耗费资源)
timeout: 3000, // 超过timeout则调用失败的回调函数
maximumAge: 1000 // 获取到的地理信息的有效期，超过有效期则重新获取一次位置信息
}
);
</script>
|