我要地图-地图API-新手上路-导航接口

地图接口

搜索接口

地图增强接口

标注接口

导航接口

功能简介

　　利用驾驶导航（Navigate API）接口，可以方便的计算出起点和终点之间导航的路程，可以获取导航路程上的相关细节信息。通过设置一个起点和一个终点，并传递相关的经纬度可以得到导航的结果，结合Search API可以更好地得到起点和终点的相关信息。

看不到地图请点这里

（导航接口效果图）

使用方法

第一步，用DreamWeaver或者其他网页编辑工具，新建一个html网页。

第二步，把下面代码复制粘贴到您新建的网页里面。注意:要完全覆盖所有代码。

<html xmlns:v="urn:schemeas-microsoft-com:vml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<title>我要地图－地图API－公交接口－公交换乘</title>  
<style type="text/css">v\:*{ Behavior:url(#default#VML);}</style>
<script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>
<script language="javascript" src="http://api.51ditu.com/js/navigate.js"></script>
</head>
<body>
<div id="maps" style="width:400px; height:400px; border:red solid 1px;"></div>
<script language="javascript"> 
	var maps = new LTMaps("maps");
	maps.cityNameAndZoom("beijing",6); 
	maps.addControl( new LTStandMapControl() ); 
	
	var pointStart = new LTPoint(11645557,3990706);
	var pointEnd = new LTPoint(11630983,3998549);
	
	var marker=new LTMarker(pointStart);
	var textStart = new LTMapText(marker);
	maps.addOverLay(marker);
	textStart.setLabel("国贸");
	maps.addOverLay( textStart );
	
	var marker=new LTMarker(pointEnd);
	var textEnd = new LTMapText(marker);
	maps.addOverLay(marker);
	textEnd.setLabel( "中关村" );
	maps.addOverLay( textEnd );
	
	var obj = null;
	function run(resultObj){
		var obj = resultObj;	
		var roads = obj.getRoadTrack();
		obj = roads;
		var line = new LTPolyLine(roads);
		maps.addOverLay(line);
	}
	var nav = new LTNavigate(run);//创建一个驾驶导航对象
	nav.setFrom(pointStart);
	nav.setTo(pointEnd);
	nav.navigate();
</script>
</body>
</html>

第三步，把网页保存预览，就可以实现上面的效果。