百度地圖的實(shí)現(xiàn)標(biāo)注以及標(biāo)注提示框.doc

$(function () /最后加載的js代碼 findDimensions(); map = new BMap.Map(container); / 創(chuàng)建地圖實(shí)例 / var point = new BMap.Point(116.404, 39.915); / 創(chuàng)建點(diǎn)坐標(biāo) map.centerAndZoom(北京); map.enableScrollWheelZoom(); / 開啟鼠標(biāo)滾輪縮放 map.enableKeyboard(); / 開啟鍵盤控制 map.enableContinuousZoom(); / 開啟連續(xù)縮放效果 map.enableInertialDragging(); / 開啟慣性拖拽效果 / setTimeout(GetNewDrivingStatus(), 1000); var dates = $(#begin,#end).datepicker(defaultDate: +1w,changeMonth: true,numberOfMonths: 1, dateFormat:yy-mm-dd,onSelect: function( selectedDate ) var option = this.id = begin ? minDate : maxDate,instance = $( this ).data( datepicker ),date = $.datepicker.parseDate(instance.settings.dateFormat |$.datepicker._defaults.dateFormat,selectedDate, instance.settings );dates.not( this ).datepicker( option, option, date );); $(.a2).click(function () var htmlStr = $(this).prev();/.html();/獲取黑名單車牌的信息 var newobj= htmlStr.prev().val(); newobj= newobj.replace(new RegExp(|)/Date(-?0-9+)/, g), $1new Date($2); var obj = eval(+newobj+); /調(diào)用MapInfo控制器中的Search方法,obj是參數(shù), $.get(Url.Content(/Detector/FaceDetection),obj,function(list) var points = new Array();/定義一個(gè)坐標(biāo)對(duì)象集合 /遍歷 以 ;分割的json對(duì)象集合 并處理敏感字符以免出誤區(qū) $.each(list.split(;),function(index,item)if(item=) return; item = item.replace(new RegExp(|)/Date(-?0-9+)/, g), $1new Date($2); var obj = eval(item); points.push(new BMap.Point(obj.DeviceLatitude,obj.DeviceLongitude);/坐標(biāo)對(duì)象集合中添加坐標(biāo)對(duì)象 ); map.setViewport(points);/根據(jù)坐標(biāo)設(shè)置地圖視野 var polyline = new BMap.Polyline(points,strokeColor:blue, strokeWeight:6, strokeOpacity:0.5); map.addOverlay(polyline); $.each(list.split(;),function(index,item) if(item=) return; AddOne(item); ); ); ); $(#search).click(function () var obj =shortLicense:$(#shortlicense).val(),License:$(#license).val(),beginDate:encodeURI($(#begin).val(),endDate:encodeURI($(#end).val() ; if(obj.shortLicense.toString()=&obj.License.toString()=) alert(請(qǐng)選擇要查看的黑名單車牌！); return false; if(!obj.beginDate|obj.beginDate.toString()=) alert(請(qǐng)選擇起始日期！); return false; if(!obj.endDate|obj.endDate.toString()=) alert(請(qǐng)選擇結(jié)束日期！); return false; /$(#eventList).empty(); /調(diào)用MapInfo控制器中的Search方法,obj是參數(shù), $.get(Url.Content(/MapInfo/Search),obj,function(list) var points = new Array();/定義一個(gè)坐標(biāo)對(duì)象集合 /遍歷 以 ;分割的json對(duì)象集合 并處理敏感字符以免出誤區(qū) $.each(list.split(;),function(index,item)if(item=) return; item = item.replace(new RegExp(|)/Date(-?0-9+)/, g), $1new Date($2); var obj = eval(item); points.push(new BMap.Point(obj.DeviceLatitude,obj.DeviceLongitude);/坐標(biāo)對(duì)象集合中添加坐標(biāo)對(duì)象 ); map.setViewport(points);/根據(jù)坐標(biāo)設(shè)置地圖視野 var polyline = new BMap.Polyline(points,strokeColor:blue, strokeWeight:6, strokeOpacity:0.5); map.addOverlay(polyline); $.each(list.split(;),function(index,item) if(item=) return; AddOne(item); ); ); ); ); function AddOne(item)/在地圖創(chuàng)建標(biāo)記 item = item.replace(new RegExp(|)/Date(-?0-9+)/, g), $1new Date($2); var obj = eval(item); /增加列表記錄 / $(#eventList).prepend(+obj.GPSTime.toLocaleString()+ +GetEventString(obj.Status)+); /增加新標(biāo)注 var marker = new BMap.Marker(new BMap.Point(obj.DeviceLatitude,obj.DeviceLongitude);/(new BMap.Point(obj.Lng,obj.Lat);/創(chuàng)建一個(gè)圖像標(biāo)注實(shí)例 map.addOverlay(marker); marker.addEventListener(click,function() marker.openInfoWindow(GetInfoWindow(obj); ); ; function GetInfoWindow(obj)/ var sContent = 車牌號(hào)碼:+(obj.ShortLicense=?obj.License.toString():obj.ShortLicense.toString()+ + / + + 車牌類型：+obj.Lic