使用百度API获取规划路径上点经纬度的HTML5程序代码
时间: 2024-01-06 12:06:14 浏览: 34
以下是使用百度地图API获取规划路径上点经纬度的HTML5程序代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>获取规划路径上点经纬度</title>
<style>
#map {
height: 500px;
}
</style>
</head>
<body>
<div id="map"></div>
<script src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥"></script>
<script>
var map = new BMap.Map("map");
var pointA = new BMap.Point(116.404, 39.915); // 起点坐标
var pointB = new BMap.Point(121.447, 31.224); // 终点坐标
var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true}});
driving.search(pointA, pointB); // 规划路径
driving.setSearchCompleteCallback(function(){
var path = driving.getResults().getPlan(0).getRoute(0).getPath(); // 获取路径经纬度数组
for (var i = 0; i < path.length; i++) {
var pt = path[i];
console.log(pt.lng + ',' + pt.lat); // 打印经纬度
}
});
</script>
</body>
</html>
```
在代码中,使用了百度地图API的 `BMap` 对象来创建地图,并使用 `BMap.DrivingRoute` 对象进行路径规划。在路径规划完成后,可以使用 `getResults().getPlan(0).getRoute(0).getPath()` 方法获取路径上的经纬度数组,然后遍历数组,打印每个点的经纬度。
此外,需要将代码中的 `您的密钥` 替换为申请的百度地图API密钥。