在百度地圖上實現滑鼠滑過marker時開啟自定義的資訊視窗，當滑鼠滑出marker時關閉已開啟的資訊視窗。

        首先，需要在地圖上新增一個marker，具體如下所示：

$.ajax({
	async:false,
	cache:true,
	url: "獲取位置資訊的介面",
	type: 'GET',
	success: function(result){
		if(result != undefined && result.length >0){
			map.centerAndZoom(new BMap.Point(result[0].longitude, result[0].latitude));
			var longitude = [], latitude = [];
			for (var i = 0; i < result.length; i++) {
				longitude[i] = result[i].longitude;
				latitude[i] = result[i].latitude;
				var steelMarker = new BMap.Marker(new BMap.Point(longitude[i],latitude[i]), {title:"鋼材"}, {icon:new BMap.Icon("myCar.png", new BMap.Size(25, 20))});
				map.addOverlay(steelMarker);	//將標註新增到地圖中
			}
		}
	},
	error:function(e){
		//alert("獲取資訊失敗");
	}
});
 

        百度地圖的marker有一個addEventListener()事件，具體為：addEventListener(event: String, handler: Function)，即給marker新增事件監聽函式。marker新增的監聽事件包括：

          將addEventListener(event: String, handler: Function)中的event寫為“mouseover”，即可為marker新增一個滑鼠滑過事件；然後使handler實現開啟自定義視窗資訊的功能，具體是利用marker的openInfoWindow()方法，即openInfoWindow(infoWnd: InfoWindow)。在呼叫openInfoWindow()方法之前，應首先定義一個百度地圖的資訊視窗即InfoWindow，建立資訊視窗的函式為：InfoWindow(content: String | HTMLElement, opts: InfoWindowOptions)，其中，content即為所建立資訊視窗的內容；而opts是此資訊視窗的可選引數，這些引數包括：width、height、maxWidth、offset、title、enableAutoPan、enableCloseOnClick、enableMessage、message等。

① 建立百度地圖資訊視窗：

var steelContent = '<div><p style="margin:0;line-height:1.5;font-size:13px;text-indent:2em"><br/>經度：'+longitude[i]+'<br/>緯度：'+latitude[i]+
'<br/><a style="float:right;margin:10px" href="/ILTS/orderDetail/orderDetail.html?id='+goodsId+'&goodsStatus='+goodsStatus+'">物資詳情</a></p></div>';
var steelOpts = {
	width : 260,     //資訊視窗寬度
	height: 200,     //資訊視窗高度
	title : "<b>車輛資訊</b>" , //資訊視窗標題
	enableMessage:true	//設定允許資訊窗傳送短息
};
new BMap.InfoWindow(steelContent, steelOpts);

steelMarker.openInfoWindow(new BMap.InfoWindow(steelContent, steelOpts));

steelMarker.addEventListener("mouseover",function () {
		this.openInfoWindow(new BMap.InfoWindow(steelContent, steelOpts));
	}
);

steelMarker.closeInfoWindow();

steelMarker.addEventListener("mouseout",function () {
		this.closeInfoWindow();
	}
);

$.ajax({
	async:false,
	cache:true,
	url: "獲取位置資訊的介面",
	type: 'GET',
	success: function(result){
		if(result != undefined && result.length >0){
			map.centerAndZoom(new BMap.Point(result[0].longitude, result[0].latitude));
			var longitude = [], latitude = [];
			for (var i = 0; i < result.length; i++) {
				longitude[i] = result[i].longitude;
				latitude[i] = result[i].latitude;
				var steelMarker = new BMap.Marker(new BMap.Point(longitude[i],latitude[i]), {title:"鋼材"}, {icon:new BMap.Icon("myCar.png", new BMap.Size(25, 20))});//
				var steelContent = '<div><p style="margin:0;line-height:1.5;font-size:13px;text-indent:2em"><br/>經度：'+longitude[i]+'<br/>緯度：'+latitude[i]+
				'<br/><a style="float:right;margin:10px" href="/ILTS/orderDetail/orderDetail.html?id='+goodsId+'&goodsStatus='+goodsStatus+'">物資詳情</a></p></div>';
				var steelOpts = {
					width : 260,     //資訊視窗寬度
					height: 200,     //資訊視窗高度
					title : "<b>車輛資訊</b>" , //資訊視窗標題
					enableMessage:true	//設定允許資訊窗傳送短息
				};
				map.addOverlay(steelMarker);	//將標註新增到地圖中
				
				//新增滑鼠滑過時開啟自定義資訊視窗事件
				steelMarker.addEventListener("mouseover",function () {
						this.openInfoWindow(new BMap.InfoWindow(steelContent, steelOpts));
					}
				);
				
				//新增滑鼠離開時關閉自定義資訊視窗事件
				steelMarker.addEventListener("mouseout",function () {
						this.closeInfoWindow();
					}
				);
			}
		}
	},
	error:function(e){
		//alert("獲取資訊失敗");
	}
});