百度地图api参考(2)--实时路况

问题:刚接触百度地图,实时路况不懂。

解决办法:参考百度地图api,下面是自己写的一个小例子。


百度地图api参考(2)--实时路况_第1张图片
 
百度地图api参考(2)--实时路况_第2张图片
 

/**
	3d地图处理
	其中包括地图的系列操作:放、缩小、平移、搜索、定位
*/
window.onload = init;
var bdMap = null;
var city = {};
var hasRTT = false;//是否有实时路况
var rttCtrl = null;
function init(){
	try{
		// initData();
		var bdMap = new BMap.Map("container");
		bdMap.centerAndZoom(new BMap.Point(116.404, 39.915), 15);
		
		bdMap.addControl(new BMap.NavigationControl());  //添加默认缩放平移控件
		bdMap.addControl(new BMap.ScaleControl());	// 添加默认比例尺控件
		bdMap.enableScrollWheelZoom( true );
		rttCtrl = new BMapLib.TrafficControl();
		bdMap.addControl(rttCtrl);
	}catch( e ){}
}
/**
	打开或关闭实时路况
*/
function openOrCloseRTT(){
	if( hasRTT ){// 没有实时路况
		rttCtrl.hideTraffic();
	}else{
		rttCtrl.showTraffic({predictDate:{hour:15, weekday: 5}});
	}
	hasRTT = !hasRTT;
}

 

 




	
		
		
		
		
		百度地图的Hello, World
	

	

 

 

 

body, html,#container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin:0;
	z-index:  0;
}
#ctrl_div {
	z-index: 100;
	position: absolute;
	right: 100px;
	top: 20px;
}
 #info_div {
	z-index: 100;
	position: absolute;
	left: 100px;
	top: 20px;
	height: 20px;
	border: 1px solid gray; 
	display: table;
	cursor : pointor;
	background-color: gray;
	color: white;
 }

 

你可能感兴趣的:(自己编写)