我要地图-地图API-新手上路-搜索接口

地图接口

搜索接口

地图增强接口

标注接口

公交接口

功能简介

　　利用公交（Bus 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>
</head>
<body>
<style type="text/css">
.zhandian01 {background-image: url("http://api.51ditu.com/img/bus/zhandian01.gif");background-position: left top;background-repeat: no-repeat;display: inline;float: left;height: 28px;margin: 0 auto;}
.zhandian02 {background-image: url("http://api.51ditu.com/img/bus/zhandian02.gif");background-position: center top;background-repeat: repeat-x;border-right: 1px solid #666666;display: inline;float: left;line-height: 21px;margin: 0 5px 0 14px;padding-right: 4px;
}
</style>
<script type="text/javascript" src="http://api.51ditu.com/js/maps.js"></script>
<script type="text/javascript" src="http://api.51ditu.com/js/bus.js"></script>
<div id="maps" style="width:400px; height:400px; border:red solid 1px;line-height:normal;"></div>
<script type="text/javascript"> 
var maps, //地图对象
	bus, //公交对象
	routeResult, //换乘方案结果变量(LTBusRoutesResult类型)
	spoint, //换乘起始坐标点
	epoint, //换乘目标坐标点
	iconUrl = 'http:\/\/api.51ditu.com\/img\/bus\/point1.gif';
function onLoad(){
	maps = new LTMaps("maps"); //初始化或重新定位地图的中心点和缩放等级
	maps.addControl( new LTStandMapControl() ); //添加拉大缩放控件
	maps.cityNameAndZoom('beijing' ,7); //北京
	maps.handleMouseScroll() //启用鼠标滚轮滑动缩放等级的功能 
	bus = new LTBus(); //新建一个公交接口对象
	bus.setCity("beijing");
	bus.setPageCap(3); //设置最大返回集,默认值是10
	LTEvent.addListener(bus,"routesloaded",showRoutes); //绑定换乘方案结果返回时的回调函数
	LTEvent.addListener(bus,"routedetailloaded",drawRoute); //绑定换乘方案详细结果返回时的回调函数
	spoint = new LTPoint(11645557,3990706); //换乘方案的起始坐标点
	epoint = new LTPoint(11630983,3998549); //换乘方案的目标坐标点
}
//换乘方案加载后，显示换乘方案
function showRoutes(result){
	routeResult = result;
	var str = '';
	for(var i = 0; i < routeResult.routes.length; i++){ //遍历公交换乘方案
		str += i+'.';
		for(var j = 0; j < routeResult.routes[i].routeLines.length; j++){ //遍历换乘方案中所包含的公交线路
			var routel = routeResult.routes[i].routeLines[j]; //得到公交线路的对象(LTBusLine类型)
			str += '['+ routel.line.name + ']'; //通过LTBusLine的name属性获取公交线路名
		}
		str += '\r\n';
	}
	bus.getRouteDetail(routeResult.routes[0]);//获得换乘方案的详细信息
}
//在地图上显示换乘方案的详细信息
function drawRoute(routeResult){
	maps.clearOverLays();
	markFromEnd(); //在地图上显示起始坐标点
	var totalPoint = [];
	for(var i = 0;i < routeResult.routeLines.length; i++){ //遍历此换乘方案中所包含的公交线路
		var routeLine = routeResult.routeLines[i]; //得到公交线路的对象(LTBusLine类型)
		for(var j = 0; j<routeLine.stations.length; j++){
			//遍历所有些公交线路所有的站点(LTBusStation),并把LTBusStation的坐标点显示到地图上
			var station = routeLine.stations[j];
			maps.addOverLay(createIcon(station.point));
			maps.addOverLay(createMarker(station.point,station.name));
		}
		maps.addOverLay(new LTPolyLine(routeLine.points,'blue')); //显示此公交线路的轨迹
		totalPoint = totalPoint.concat(routeLine.points); //把此公交线路的坐标点都放到totalPoint数组中
	}
	
	maps.getBestMap(totalPoint); //获得所有公交线路的坐标点的最佳比例尺，并显示到地图上
}
//在地图上显示起始坐标点
function markFromEnd(){
	var stxt = new LTMapText(new LTMarker(spoint));
	stxt.setLabel('起点位置');
	maps.addOverLay(stxt);
	maps.addOverLay(new LTMarker(spoint));
	var etxt = new LTMapText(new LTMarker(epoint));
	etxt.setLabel('终点位置');
	maps.addOverLay(etxt);
	maps.addOverLay(new LTMarker(epoint));
}
//显示站点坐标自定义图标
function createIcon(point){
	var icon=new LTIcon(iconUrl,[9,9],[4,4]);	
	var marker = new LTMarker(point ,icon);
	return marker;
}
//显示站点名称
function createMarker(point,txt){
	var icon=new LTIcon(iconUrl,[9,9],[0,30]);
	var marker=new LTMarker(point,icon);
	marker.setLabel('<div class="zhandian01"><div class="zhandian02">'+txt+'</div></div>');
	return marker;
}
onLoad();
bus.getRoutesByPoint(spoint,epoint);//根据起始坐标点，获取换乘方案
</script>
</body>
</html>

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