高德地图JavaScript API-路径规划
——基于amap-js_V1.3
2015年7月31日
1 路径规划:驾车、公交和步行。
注意:高德将一些服务作为服务插件集成到当前map中(搞的越来越复杂了……)。
1.1 驾车路径规划:根据起止点返回路线。AMap.service(【”AMap.Driving”】)。
详见:http://lbs.amap.com/api/javascript-api/reference/search_plugin/#m_AMap.Driving
(这URL也不一定什么时候就会变,早上的内容和下午都不一样,说不准……)
1.1.1规划:根据起止点请求规划,drive.search(start,end,callbackFunc)。
function driving(){
AMap.service(["AMap.Driving"],function(){
vardrive=new AMap.Driving();
var ptStart=new AMap.LngLat(116.379018,39.865026);
var ptEnd=new AMap.LngLat(116.321139, 39.896028);
drive.search(ptStart,ptEnd,driveRouteResult);
});
}
1.1.2规划结果:规划信息info,起点origin,终点destination,路线数组routes。
1.1.2.1 路线数组routes:路线包含距离distance,策略policy,路段steps,时间time,收费距离tolls_distance,费用tolls。
1.1.2.2 路段step包括路段的坐标对信息path(就是LngLat数组)及其它辅助信息。
1.1.3示例
<!DOCTYPE HTML>
<html>
<head>
<metaname="viewport" content="initial-scale=1.0,user-scalable=no" >
<metahttp-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Hello,world</title>
<styletype="text/css">
html { height:100% }
body { height:100%; margin:0px; padding:0px }
#container { height:100% }
</style>
<scripttype="text/javascript"src="amap.js"></script>
<scripttype="text/javascript"src="jquery-1.11.1.min.js"></script>
<scripttype="text/javascript">
var mapObj=null;
$(document).ready(function(){
mapObj = new AMap.Map("container"); // 创建地图实例
var point = new AMap.LngLat(116.404, 39.915); // 创建点坐标,这是个火星坐标,真实坐标对应的火星坐标为116.410251,39.916412
mapObj.setZoomAndCenter(11,point);
//test
driving();
});
//test driving<