百度地圖車輛運動軌跡
前臺頁頁面代碼：javascript
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <title>回放目標軌跡</title> <style type="text/css"> *{font-size:12px;} body,html{margin:0px;padding:0px;overflow:hidden;} #tip{position:absolute;z-index:100000;width:auto;padding:5px;color:#039;font-weight:bold;background:#FFF;display:none;} </style> <script type="text/javascript" src="api-v=1.2"></script> <script type="text/javascript" src="goome.maps.js"></script> <script type="text/javascript" src="WdatePicker.js-v=1.0.1.1"></script> <script type="text/javascript" src="cn.js-v=1.0.1.1"></script> <script type="text/javascript" src="jquery-1.3.2.min.js.gzjs"></script> <script type="text/javascript" src="underscore.js-v=1.0.1.1"></script> <script type="text/javascript" src="popupmarker.js-v=1.0.1.1"></script> <script type="text/javascript" src="core.js-v=1.0.1.1"></script> <script type="text/javascript" src="playback.js-v=1.0.1.1"></script> <script type="text/javascript"> function restFrame(){ var w = document.documentElement.clientWidth; var h = document.documentElement.clientHeight; var topMenuHeight = 32;//頂部菜單區域的總體高度 var divCanvas = document.getElementById("map"); divCanvas.style.height= (h- topMenuHeight)+"px"; divCanvas.style.width= w+"px"; } //,"http://his-dx.vehicling.net/" var PlayBack = new PlayBack("map",65979,"GT02",65); function init(){ restFrame(); PlayBack.createMap("cn"); } document.onmousemove = mouseCoords; //getMaxDate生成客戶端本地時間 function getMaxDate(){ var t = new Date(); var maxDate = [t.getFullYear(), t.getMonth()+1, t.getDate()].join('-'); maxDate += ' ' + t.toLocaleTimeString(); return maxDate; } //getMinDate生成客戶端本地時間 function getMinDate(){ var t = new Date(); t.setMonth(t.getMonth() - 2);//最小時間少2個月 var maxDate = [t.getFullYear(), t.getMonth()+1, t.getDate()].join('-'); maxDate += ' ' + t.toLocaleTimeString(); return maxDate; } </script> </head> <body onResize="restFrame();" onLoad="init();"> <span id="tip">正在加載數據,請耐心等待.......</span> <div style="font-size:12px;height:30px;text-align:center;background:#C5CFD6;border-bottom:1px solid #999;"> 武漢的士 從： <input type="text" name="from" value="2012-05-08 16:05:52" id="from" readonly onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate: getMaxDate (),minDate:getMinDate()})" class="Wdate" /> 到： <input type="text" name="to" value="2012-05-08 17:05:52" id="to" readonly onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate: getMaxDate (),minDate:getMinDate()})" class="Wdate" /> 頻 率： <select name="freq" id="freq" onchange="PlayBack.Frequency = this.value"> <option value="10000">正常-10</option> <option value="5000">2倍正常-5</option> <option value="3000">快-3</option> <option value="1000">比較快-1</option> <option value="500" >很快-0.5</option> <option value="100">很是快-0.1</option> <option value="10" selected>快得不得了</option> </select> 秒 <input id="PLAY" onClick="PlayBack.getDataFrist(document.getElementById('from').value,document.getElementById('to').value,document.getElementById('freq').value)" type="button" value="開始回放" /> <input id="STOP" onClick="PlayBack.stopPlay()" type="button" value="中止播放" style="display:none;"/> <input id="mdTime" type="hidden" value=""/> </div> <div id="map"></div> </body> </html>
主要js：css
playback.js-v=1.0.1.1html
// JavaScript Document var map = ""; var _isBMap_ = typeof BMap !== "undefined"; var PlayBack = function(mapId,user_id,productType,sudu, url){ this.container = mapId; this.user_id = user_id; this.map = null; this.productType = productType; this.overSpeed = sudu<60?80:sudu; this.AJAX_URL = url || ""; this.REQUESR_URL = "http://his.10086care.com/GetDataService?method=getHistoryMByMUtc";//調用別的網站的webservice以獲取座標 this.MAP_CENTER_LAT = 22.573978188551297; this.MAP_CENTER_LNG = 113.92078757286072; this.DEFAULT_DAYS = 6*24*60*60; this.RECORDS_LENGTH = 1000; this.MARKERS_OBJ = {}; this.STATIC_MARKER = []; this.mapType =(typeof BMap == 'undefined')?"GOOGLE":"BAIDU";//默認地圖類型 this.DEFAULT_ZOOM = 5; this.DISTANCE = 0; this.POLY_LINE_MARKER = []; this.DATA_REQUEST = true; this.FROM_TIME = null; this.TO_TIME = null; this.NEXT_TIME = null; this.LAST_DATA = []; this.PRE_DATE_TIMR = null; this.LAST_DATA_ = []; this.PRE_DATE_TIMR_ = null; this.RUN_TIME = 0; this.STOP_TIME = 0; this.EXCURSION_COUNT = 0; this.FRIST_LOAD = true; this.TIMER = "-1"; this.HISTORY_PLAY_FLAG = true; this.Frequency = null; this.BUTTONS_ID = ["PLAY","STOP"]; this.PLAY_OVER = false ; this.CROSS_DATA_1 = null; this.CROSS_DATA_2 = null; this.GL = false;//最後一點是否被過濾掉 this.needGetData = false; }; PlayBack.prototype.createMap = function(lang){ this.lang = lang; this.map = new goome.maps.Map({id:"map",lang:lang,lat:this.MAP_CENTER_LAT,lng:this.MAP_CENTER_LNG,zoom:this.DEFAULT_ZOOM}); goome.maps.event.addListener(this.map,"mousemove",PlayBack.mapMouseMove); }; PlayBack.prototype.getDataFrist = function(from,to,q){//第一次取GPS數據 this.buttonAttribute(this.BUTTONS_ID[0],true,true); if(from==""||to=="") return;//開始和結束日期都不能爲空 var FROM_TIME = new Date(from.replace(/-/g, "/")); var TO_TIME = new Date(to.replace(/-/g, "/")); PlayBack.RUN_TIME = 0; //每次播放重置停留時間 var timeDiff = (TO_TIME - FROM_TIME) / 1000; if(timeDiff < 0){ alert(lg.distime); this.buttonAttribute(this.BUTTONS_ID[0],false,true); return; } if(this.FRIST_LOAD){//第一次回放 this.FROM_TIME = from; this.TO_TIME = to; this.NEXT_TIME = from; }else{//不是第一次 PlayBack.HISTORY_PLAY_FLAG = true; if(getTimeDiff(to,this.TO_TIME)>10||!PlayBack.PLAY_OVER){//若是修改告終束時間大於以前的結束時間而且不是第一次播放,而且結束時間大於以前的結束時間 PlayBack.DATA_REQUEST = true; }else{ PlayBack.DATA_REQUEST = false; } if(this.FROM_TIME!=from){//開始時間發生了變化,則刪除上次播放的信息,從新播放 clearTimeout(this.TIMER); this.GL = false; this.clearOverLayer(); this.POLY_LINE_MARKER = []; this.FRIST_LOAD = true; this.DISTANCE = 0; this.FROM_TIME = from; this.NEXT_TIME = from; this.TO_TIME = to; }else{ if(getTimeDiff(to,this.TO_TIME)<=10&&PlayBack.PLAY_OVER){//播放結束 alert(lg.playOverTip[0] + PlayBack.FROM_TIME +lg.playOverTip[1] + PlayBack.TO_TIME); this.buttonAttribute(this.BUTTONS_ID[0],false,true); return; } } } this.Frequency = q||100; if(!this.FRIST_LOAD&&!PlayBack.PLAY_OVER){//上次數據還沒播放完畢 this.TO_TIME = to; PlayBack.buttonAttribute(PlayBack.BUTTONS_ID[0],false,false); }else{ this.TO_TIME = to; this.PLAY_OVER = false; this.ajaxRequest(); } }; PlayBack.prototype.getDataCallBack = function(msg){//第一次取完數據回調 document.getElementById('tip').style.display = "none"; PlayBack.buttonAttribute(PlayBack.BUTTONS_ID[0],false,true); if(!msg){ alert(lg.playOverTip[0] + PlayBack.FROM_TIME +lg.playOverTip[1] + PlayBack.TO_TIME); var text = PlayBack.getTxtByCount(); if(PlayBack.MARKERS_OBJ.update) PlayBack.MARKERS_OBJ.update({text:text}); PlayBack.buttonAttribute(PlayBack.BUTTONS_ID[0],false,true); PlayBack.PLAY_OVER = true ; return; } PlayBack.buttonAttribute(PlayBack.BUTTONS_ID[0],true,false); if(msg){ PlayBack.GL = false; var poly = []; var pArray = [];//點數組 if(!PlayBack.FRIST_LOAD&&PlayBack.LAST_DATA.length>0){//若是不是第一次請求數據,則把上次線條的最後一個點也加上 poly = [new goome.maps.LatLng(PlayBack.LAST_DATA[1], PlayBack.LAST_DATA[0])]; } var tem = msg.split(";"); if(PlayBack.FRIST_LOAD){ PlayBack.LAST_DATA_ = tem[0].split(","); PlayBack.PRE_DATE_TIMR_ = PlayBack.LAST_DATA_[2]; } var dateLen = tem.length-1; for(var i=0;i<dateLen;i++){ var flag = true; var rs = tem[i].split(","); var _diffTime = getTimeDiff(utcToLocal(rs[2]),utcToLocal(PlayBack.LAST_DATA_[2]));//當前點和上一個正常點之間的差,通過過濾以後的點 var _dis_time = getTimeDiff(utcToLocal(rs[2]),utcToLocal(PlayBack.PRE_DATE_TIMR_));//當前點和最近的上一個點之間的時間差 PlayBack.LAST_DATA_ = rs; PlayBack.PRE_DATE_TIMR_ = rs[2]; if((PlayBack.productType.indexOf("GT02")>-1||PlayBack.productType=="LY-H810")){//&&i<(tem.length-2)//PlayBack.productType=="GT02"||PlayBack.productType=="GT02+"||PlayBack.productType=="GT02A"gt02和gt02+ 和 gt02A過濾漂移點 //英文版b/s和c/s版過濾時間間隔從30秒提升到300秒,中文版過濾間隔時間超過30S的數據 if(_dis_time > (PlayBack.lang == "en" ? 300 : 30 )){ PlayBack.EXCURSION_COUNT ++; rs = [PlayBack.LAST_DATA_[0],PlayBack.LAST_DATA_[1],rs[2],0]; if(i==(dateLen-1))PlayBack.GL = true;//表示最後一個點被過濾掉了 continue; } if(rs[3] < 5){//過濾速度小於5的數據。 PlayBack.EXCURSION_COUNT ++; rs = [PlayBack.LAST_DATA_[0],PlayBack.LAST_DATA_[1],rs[2],0]; if(i==(dateLen-1))PlayBack.GL = true;//表示最後一個點被過濾掉了 continue; } if(rs[3] < 10 && PlayBack.EXCURSION_COUNT > 5&&rs[3] >= 5 ){ PlayBack.EXCURSION_COUNT ++; rs = [PlayBack.LAST_DATA_[0],PlayBack.LAST_DATA_[1],rs[2],0]; if(i==(dateLen-1))PlayBack.GL = true;//表示最後一個點被過濾掉了 continue; } if(rs[3] >= 10 && rs[3] < 15 && PlayBack.EXCURSION_COUNT > 8 && PlayBack.LAST_DATA_[3] < 5){ PlayBack.EXCURSION_COUNT ++; rs = [PlayBack.LAST_DATA_[0],PlayBack.LAST_DATA_[1],rs[2],0]; if(i==(dateLen-1))PlayBack.GL = true;//表示最後一個點被過濾掉了 continue; } PlayBack.EXCURSION_COUNT = 0; poly.push(new goome.maps.LatLng(rs[1], rs[0])); pArray.push(rs); }else{ poly.push(new goome.maps.LatLng(rs[1], rs[0])); pArray.push(rs); } } if((tem.length-1) == PlayBack.RECORDS_LENGTH){ PlayBack.NEXT_TIME = tem[tem.length-2].split(",")[2].split(".")[0]; PlayBack.DATA_REQUEST = true; PlayBack.needGetData = true; }else{ PlayBack.needGetData = false; //返回數據小於1000條將不須要再取數據 PlayBack.DATA_REQUEST = false; //在軌跡播放完畢的狀況下避免請求的最後一個點被過濾致使位置不許 if(PlayBack.GL){//若是最後請求的數據點被過濾掉了 poly.push(new goome.maps.LatLng(PlayBack.LAST_DATA_[1], PlayBack.LAST_DATA_[0])); pArray.push(PlayBack.LAST_DATA_); } } var flightPath = new goome.maps.Polyline({path:poly,strokeColor:"#00FF00",strokeOpacity:0.9,strokeWeight:5}); flightPath.setMap(PlayBack.map); PlayBack.POLY_LINE_MARKER.push(flightPath); PlayBack.playMarker(pArray); } }; PlayBack.prototype.playMarker = function(array){//實現Marker播放功能 if(PlayBack.FRIST_LOAD){ var txt = ""; if(array.length==0){ PlayBack.FRIST_LOAD = false; PlayBack.LAST_DATA = PlayBack.LAST_DATA_; PlayBack.PRE_DATE_TIMR = PlayBack.PRE_DATE_TIMR_; txt = PlayBack.getTxtByRecord(PlayBack.LAST_DATA); PlayBack.ajaxRequest(); }else{ PlayBack.LAST_DATA = array[0]; PlayBack.PRE_DATE_TIMR = array[0][2]; txt = PlayBack.getTxtByRecord(array[0]); } var point = new goome.maps.LatLng(PlayBack.LAST_DATA[1],PlayBack.LAST_DATA[0]); PlayBack.map.setCenter(point); PlayBack.map.setZoom(13); PlayBack.MARKERS_OBJ = new PopupMarker({position:point,map:PlayBack.map,icon:"green.gif",text:txt,showpop:true}); PlayBack.POLY_LINE_MARKER.push(PlayBack.MARKERS_OBJ); if(array.length==0)return; } var i = 0; var paly = function() { if(PlayBack.HISTORY_PLAY_FLAG) { if(i<array.length) { if(array[i][3]>PlayBack.overSpeed){ var color = "#FF00FF"; if(array[i][3]>1.5*PlayBack.overSpeed)color = "#FF0000"; var points = [new goome.maps.LatLng(array[i][1], array[i][0]),new goome.maps.LatLng(PlayBack.LAST_DATA[1], PlayBack.LAST_DATA[0])]; var FP = new goome.maps.Polyline({path:points,strokeColor:color,strokeOpacity:0.9,strokeWeight:5}); FP.setMap(PlayBack.map); PlayBack.POLY_LINE_MARKER.push(FP); } PlayBack.play(array[i]); i++; PlayBack.TIMER = setTimeout(paly,PlayBack.Frequency); }else{ if(PlayBack.DATA_REQUEST && PlayBack.needGetData){ PlayBack.ajaxRequest(); }else{ alert(lg.playOverTip[0] + PlayBack.FROM_TIME +lg.playOverTip[1] + PlayBack.TO_TIME); var text = PlayBack.getTxtByCount(); PlayBack.MARKERS_OBJ.update({text:text}); PlayBack.buttonAttribute(PlayBack.BUTTONS_ID[0],false,true); PlayBack.PLAY_OVER = true ; PlayBack.NEXT_TIME = PlayBack.TO_TIME.split(".")[0]; } } } else { PlayBack.TIMER = setTimeout(paly,PlayBack.Frequency); } }; if(PlayBack.FRIST_LOAD){ PlayBack.FRIST_LOAD = false; setTimeout(paly,1000); }else{ paly(); } }; PlayBack.prototype.ajaxRequest = function(){ var mdTime = document.getElementById('mdTime').value; PlayBack.NEXT_TIME = (PlayBack.NEXT_TIME < mdTime ? mdTime : PlayBack.NEXT_TIME); var parms = "&userID="+PlayBack.user_id+"&mapType="+PlayBack.mapType+"&pwd=123456&from="+localToUtc(PlayBack.NEXT_TIME)+"&to="+localToUtc(PlayBack.TO_TIME)+"&t="+new Date().getTime(); var loadDiv = document.getElementById('tip'); loadDiv.style.display = "block"; loadDiv.style.top = (document.documentElement.clientHeight -20)/2+"px"; loadDiv.style.left = (document.documentElement.clientWidth -150)/2+"px"; _.ajax.jsonp( PlayBack.AJAX_URL + PlayBack.REQUESR_URL + parms+"&callback=PlayBack.getDataCallBack"); }; PlayBack.prototype.getTxtByRecord = function(record){//生成彈出窗口的文字 var html=[]; html.push('<font>'); html.push('<span style="font-weight:bold;">'+lg.speed+':</span>'+record[3]+lg.kPerH+'<br/>'); html.push('<span style="font-weight:bold;">'+lg.movement+':</span>'+formatKm2M(PlayBack.DISTANCE)+'<br/>'); html.push('<span style="font-weight:bold;">'+lg.sign+':</span>'+utcToLocal(record[2])+'<br/>'); if(PlayBack.STOP_TIME>0){ html.push('<span style="font-weight:bold;">'+lg.idle+':</span>'+exchangeTime(PlayBack.STOP_TIME)+'<br/>'); } html.push('</font>'); return html.join(""); }; PlayBack.prototype.getTxtByCount = function(){//生成彈出窗口的文字 var total = getTimeDiff(PlayBack.TO_TIME,PlayBack.FROM_TIME); var html=[]; html.push('<font>'); html.push('<span style="font-weight:bold;">'+lg.totalTime+':</span>'+exchangeTime(total)+'<br/>'); html.push('<span style="font-weight:bold;">'+lg.movement+':</span>'+formatKm2M(PlayBack.DISTANCE)+'<br/>'); html.push('<span style="font-weight:bold;">'+lg.duration+':</span>'+(exchangeTime(PlayBack.RUN_TIME)||0)+'<br/>'); html.push('<span style="font-weight:bold;">'+lg.idle+':</span>'+exchangeTime(total-PlayBack.RUN_TIME)+'<br/>'); html.push('</font>'); return html.join(""); }; PlayBack.prototype.filterExcursion = function(array){//過濾漂移數據 PlayBack.EXCURSION_COUNT ++; array[3] = 0; var text = PlayBack.getTxtByRecord(array); PlayBack.MARKERS_OBJ.update({text:text}); }; PlayBack.prototype.play = function(array){ array[2] = utcToLocal(array[2]); var _diffTime = getTimeDiff(array[2],utcToLocal(PlayBack.LAST_DATA[2]));//當前點和上一個正常點之間的差,通過過濾以後的點 var _dis_time = getTimeDiff(array[2],utcToLocal(PlayBack.PRE_DATE_TIMR));//當前點和最近的上一個點之間的時間差 PlayBack.PRE_DATE_TIMR = array[2]; if(_diffTime>600){//大於600秒就畫出靜止點 PlayBack.createStaticMarker(array[2],_diffTime); } var latlng = new goome.maps.LatLng(array[1],array[0]); PlayBack.DISTANCE = distance(PlayBack.LAST_DATA[1],PlayBack.LAST_DATA[0],array[1],array[0],PlayBack.DISTANCE); var text = PlayBack.getTxtByRecord(array); PlayBack.MARKERS_OBJ.update({position:latlng,text:text}); var bound = PlayBack.map.getBounds(); if(!bound.contains(latlng)){//若是監控車倆沒有在地圖範圍內就重設地圖中心 if(_isBMap_){ PlayBack.map.setCenter(latlng); }else{ PlayBack.map.panTo(latlng); } } if(array[3]>0){ if(_diffTime>180){//考慮在速度比較慢的狀況下,會隔點傳. PlayBack.STOP_TIME +=_diffTime; }else{//運行時間 PlayBack.RUN_TIME +=_diffTime; } PlayBack.LAST_DATA = array; } }; PlayBack.prototype.createStaticMarker = function(stime,dis_time){ var txt = lg.idle+"："+exchangeTime(dis_time)+"<br>"+lg.start+PlayBack.LAST_DATA[2]+"<br>"+lg.end+stime; var point = new goome.maps.LatLng(PlayBack.LAST_DATA[1],PlayBack.LAST_DATA[0]); var marker = new PopupMarker({position:point,map:PlayBack.map,icon:"gray.gif",text:txt,showpop:false}); PlayBack.STATIC_MARKER.push(marker); }; PlayBack.prototype.stopPlay = function(){ PlayBack.buttonAttribute(PlayBack.BUTTONS_ID[1],true,false); PlayBack.HISTORY_PLAY_FLAG = false; }; PlayBack.prototype.clearOverLayer = function(){//從新播放,清楚地圖上全部的線條和圖標 for(var i=0;i<PlayBack.POLY_LINE_MARKER.length;i++){ PlayBack.POLY_LINE_MARKER[i].setMap(null); } for(var j=0;j<PlayBack.STATIC_MARKER.length;j++){ PlayBack.STATIC_MARKER[j].setMap(null); } }; PlayBack.prototype.buttonAttribute = function(id,bool,show){ for(var i=0;i<this.BUTTONS_ID.length;i++){ if(this.BUTTONS_ID[i]==id){ document.getElementById(this.BUTTONS_ID[i]).disabled = bool; if(show) document.getElementById(this.BUTTONS_ID[i]).style.display = ""; else document.getElementById(this.BUTTONS_ID[i]).style.display = "none"; }else{ if(!show) document.getElementById(this.BUTTONS_ID[i]).style.display = ""; else document.getElementById(this.BUTTONS_ID[i]).style.display = "none"; document.getElementById(this.BUTTONS_ID[i]).disabled = false; } } }; PlayBack.prototype.mapMouseMove=function(event){ var latlng=event.latLng; var markpoint=this.fromLatLngToDivPixel(latlng); for(var i=0;i<PlayBack.STATIC_MARKER.length;i++){ var point=this.fromLatLngToDivPixel(PlayBack.STATIC_MARKER[i].latlng()); if(point.x<(markpoint.x+7)&&point.x>(markpoint.x-7)&&point.y<(markpoint.y+15)&&point.y>(markpoint.y-5)){ PlayBack.STATIC_MARKER[i].show(); return; }else{ PlayBack.STATIC_MARKER[i].hide(); } } };
api-v=1.2java
document.write('<link rel="stylesheet" type="text/css" href="http://api.map.baidu.com/res/12/bmap.css"/>'); document.write('<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=1.2&key=&services=&t=11111111"></script>');
goome.maps.jsnode
(function(window){window.goome=window.goome||{};goome.maps=goome.maps||{};goome.maps.event={};var isBMap,mapperKey,tempMaps;if(typeof BMap!="undefined"){tempMaps=BMap;goome.maps.event={};isBMap=true;mapperKey="baidu"}else{if(typeof google!="undefined"&&google.maps){tempMaps=google.maps;isBMap=false;mapperKey="google"}}goome.maps.event.addListener=function(map,name,handler){var self=map._source||map;if(self.addEventListener){self.addEventListener(name,function(event){event.latLng=new goome.maps.LatLng(event.point);handler.call(map,event)})}else{google.maps.event.addListener(self,name,function(event){event.latLng=new goome.maps.LatLng(event.latLng);handler.call(map,event)})}};var objectMapping={Map:{google:"Map",baidu:"Map"},LatLng:{google:"LatLng",baidu:"Point"},Point:{google:"Point",baidu:"Pixel"},Size:{google:"Size",baidu:"Size"},LatLngBounds:{google:"LatLngBounds",baidu:"Bounds"},InfoWindow:{google:"InfoWindow",baidu:"InfoWindow"},OverlayView:{google:"OverlayView",baidu:"Overlay"},Circle:{google:"Circle",baidu:"Circle"},Polyline:{google:"Polyline",baidu:"Polyline"},Marker:{google:"Marker",baidu:"Marker"}};for(var key in objectMapping){goome.maps[key]=eval(key)}function OverlayView(){}OverlayView.prototype.setMap=function(map){if(this._source.setMap){this._source.setMap(map?(map._source||map):null)}else{if(map){map=map._source||map;if(map.addOverlay){map.addOverlay(this._source)}}else{map=this._source.getMap();if(map){map.removeOverlay(this._source)}}}};OverlayView.prototype.getMap=function(){var map=this._source.getMap();return map?new goome.maps.Map(map):null};for(var key in {Circle:"",Polyline:"",Marker:""}){goome.maps[key].prototype.setMap=goome.maps.OverlayView.prototype.setMap;goome.maps[key].prototype.getMap=goome.maps.OverlayView.prototype.getMap}function Map(options){if(this===window){throw Error("use constructor to create a map instance")}if(options&&options.setZoom){this._source=options;return}if(typeof options!="object"||!options.id){throw Error("Map:parameter type error or required property missed")}var defaults={lang:"cn",sandbox:false,lat:{google:36.87962060502676,baidu:36.62060502676},lng:{google:111.6015625,baidu:108.6015625},zoom:{google:14,baidu:13}};var sandbox=options.sandbox||defaults.sandbox,lang=options.lang||defaults.lang,node=(typeof options.id==="string")?document.getElementById(options.id):options.id;var map;if(isBMap){map=new BMap.Map(node,{zoomLevelMin:5,zoomLevelMax:17});map.centerAndZoom(options.center||new BMap.Point(defaults.lng.baidu,defaults.lat.baidu),options.zoom||defaults.zoom.baidu);map.enableScrollWheelZoom();map.enableKeyboard();map.addControl(new BMap.NavigationControl());map.addControl(new BMap.ScaleControl());map.addControl(new BMap.OverviewMapControl());map.addControl(new BMap.MapTypeControl({type:BMAP_MAPTYPE_CONTROL_HORIZONTAL,mapTypes:[BMAP_NORMAL_MAP,BMAP_SATELLITE_MAP,BMAP_HYBRID_MAP]}))}else{var opts={zoom:options.zoom||defaults.zoom.google,scaleControl:true,center:options.center||new google.maps.LatLng(defaults.lat.google,defaults.lng.google),mapTypeId:google.maps.MapTypeId.ROADMAP,mapTypeControlOptions:{mapTypeIds:[google.maps.MapTypeId.ROADMAP,google.maps.MapTypeId.SATELLITE]}};if(lang=="cn"){opts.mapTypeId=google.maps.MapTypeId.ROADMAP;map=new google.maps.Map(node,opts)}else{map=new google.maps.Map(node,opts)}if(typeof overlay==="undefined"){overlay=new google.maps.OverlayView();overlay.draw=function(){};overlay.setMap(map)}else{if(sandbox){var ol=new google.maps.OverlayView();ol.draw=function(){};ol.setMap(map);sandbox.overlay=ol}}}this._source=map}Map.prototype.getDiv=function(){return this._source.getDiv?this._source.getDiv():this._source.getContainer()};Map.prototype.setZoom=function(m){this._source.setZoom(m)};Map.prototype.getZoom=function(){return this._source.getZoom()};Map.prototype.panBy=function(x,y){this._source.panBy(x,y)};Map.prototype.getMapTypeId=function(){return this._source.getMapTypeId?this._source.getMapTypeId():this._source.getMapType()};Map.prototype.getBounds=function(){return new goome.maps.LatLngBounds(this._source.getBounds())};Map.prototype.getCenter=function(){return new goome.maps.LatLng(this._source.getCenter())};Map.prototype.setCenter=function(latlng){this._source.setCenter(latlng._source||latlng)};Map.prototype.panTo=function(latlng){this._source.panTo(latlng._source||latlng)};Map.prototype.fromLatLngToDivPixel=function(latlng){if(this._source.pointToOverlayPixel){return new goome.maps.Point(this._source.pointToOverlayPixel(latlng._source||latlng))}else{return new goome.maps.Point(overlay.getProjection().fromLatLngToDivPixel(latlng._source||latlng))}};function LatLng(lat,lng){if(arguments.length!==1){var k=objectMapping.LatLng[mapperKey];this._source=isBMap?(new tempMaps[k](lng,lat)):(new tempMaps[k](lat,lng))}else{this._source=lat}}LatLng.prototype.equals=function(latlng){return this._source.equals(latlng._source||latlng)};LatLng.prototype.lat=function(){return(typeof this._source.lat==="function")?this._source.lat():this._source.lat};LatLng.prototype.lng=function(){return(typeof this._source.lng==="function")?this._source.lng():this._source.lng};function Size(w,h){if(arguments.length===1){this._source=w}else{this._source=new tempMaps[objectMapping.Size[mapperKey]](w,h)}this.width=this._source.width;this.height=this._source.height}Size.prototype.equals=function(size){return this._source.equals(size._source||size)};function LatLngBounds(sw,ne){if(arguments.length===1){this._source=sw}else{this._source=new tempMaps[objectMapping.LatLngBounds[mapperKey]](sw._source,ne._source)}}LatLngBounds.prototype.contains=function(latlng){if(this._source.contains){return this._source.contains(latlng._source||latlng)}else{if(this._source.containsPoint){return this._source.containsPoint(latlng._source||latlng)}}};LatLngBounds.prototype.getCenter=function(){return new goome.maps.LatLng(this._source.getCenter())};LatLngBounds.prototype.getNorthEast=function(){return new goome.maps.LatLng(this._source.getNorthEast())};LatLngBounds.prototype.getSouthWest=function(){return new goome.maps.LatLng(this._source.getSouthWest())};function Point(x,y){if(arguments.length===2){this._source=new tempMaps[objectMapping.Point[mapperKey]](x,y)}else{this._source=x}this.x=this._source.x;this.y=this._source.y}Point.prototype.equals=function(point){if(point._source){return this._source.equals(point.source)}else{return this._source.equals(point)}};function Circle(opts){if(opts&&opts.getMap){this._source=opts;return}if(!opts.radius||!opts.center){throw Error("Circle:required options property missed!")}opts.center=opts.center._source||opts.center;var circle;if(isBMap){circle=new tempMaps[objectMapping.Circle[mapperKey]](opts.center,opts.radius,opts)}else{circle=new tempMaps[objectMapping.Circle[mapperKey]](opts)}if(opts.map){opts.map=opts.map._source||opts.map;if(opts.map.addOverlay){opts.map.addOverlay(circle)}}this._source=circle}Circle.prototype.getBounds=function(){return new goome.maps.LatLngBounds(this._source.getBounds())};Circle.prototype.getCenter=function(){return new goome.maps.LatLng(this._source.getCenter())};Circle.prototype.setCenter=function(latlng){this._source.setCenter(latlng._source||latlng)};Circle.prototype.getRadius=function(){return this._source.getRadius()};Circle.prototype.setRadius=function(radius){this._source.setRadius(radius)};Circle.prototype.setOptions=function(opts){var props={strokeColor:"StrokeColor",strokeOpacity:"StrokeOpacity",strokeWeight:"StrokeWeight",fillColor:"FillColor",fillOpacity:"FillOpacity"};if(this._source.setOptions){this._source.setOptions(opts)}else{for(var key in opts){if(props.hasOwnProperty(key)){this._source["set"+props[key]](opts[key])}}}};function Polyline(opts){if(opts&&opts.setMap){this._source=opts;return}if(!opts.path){opts.path=[]}var apiPath=[],polyline;for(var index in opts.path){var item=opts.path[index];apiPath.push(item._source||item)}opts.path=apiPath;if(isBMap){polyline=new tempMaps[objectMapping.Polyline[mapperKey]](opts.path,opts)}else{if(opts.map&&opts.map._source){opts.map=opts.map._source}polyline=new tempMaps[objectMapping.Polyline[mapperKey]](opts)}if(opts.map){var m=opts.map._source||opts.map;if(m.addOverlay){m.addOverlay(polyline)}}this._source=polyline}Polyline.prototype.setOptions=function(opts){var props={strokeColor:"StrokeColor",strokeOpacity:"StrokeOpacity",strokeWeight:"StrokeWeight",path:"path"};if(this._source.setOptions){this._source.setOptions(opts)}else{for(var key in opts){if(props.hasOwnProperty(key)){this._source["set"+props[key]](opts[key])}}}};Polyline.prototype.getPath=function(){if(this._source.setOptions){var arr=[],gRet=this._source.getPath(),len=gRet.getLength(),i=0;for(;i<len;i++){arr.push(new goome.maps.LatLng(gRet.getAt(i)))}return arr}var ret=[];var result=this._source.getPath();for(var index in result){ret.push(new goome.maps.LatLng(result[index]))}return ret};Polyline.prototype.setPath=function(latlngs){if(latlngs.length<1){return}if(latlngs[0]._source){var origin=[];for(var index in latlngs){origin.push(latlngs[index]._source)}this._source.setPath(origin)}else{this._source.setPath(latlngs)}};Polyline.prototype.addPath=function(latlng,map){var path=this._source.getPath();path.push(latlng&&latlng._source);if(isBMap){this._source.setPath(path);(map&&map._source||this._source.getMap()).addOverlay(this._source)}};Polyline.prototype.clear=function(){if(isBMap){var map=this._source.getMap();if(!map){return}this._source.setPath([]);map.addOverlay(this._source)}else{var path=this._source.getPath();while(path.length){path.removeAt(0)}}};function Marker(opts,size,anchor){if(typeof opts==="object"&&opts.getMap){this._source=opts;return}if(!opts.position){throw Error("Marker:required options property missed!")}var position=opts.position._source||opts.position,marker;if(isBMap){if(opts.icon){var param;if(anchor&&anchor.width&&anchor.height){param={anchor:new BMap.Size(anchor.width,anchor.height)}}if(size&&size.width&&size.height){opts.icon=new BMap.Icon(opts.icon,new BMap.Size(size.width,size.height),param)}else{throw Error("Marker:parameter size with props width and height missed")}}marker=new tempMaps[objectMapping.Marker[mapperKey]](position,opts);if(opts.map){var map=opts.map._source||opts.map;map.addOverlay(marker)}}else{opts.position=position;if(opts.map){opts.map=opts.map._source||opts.map}marker=new tempMaps[objectMapping.Marker[mapperKey]](opts)}this._source=marker}Marker.prototype.getPosition=function(){return new goome.maps.LatLng(this._source.getPosition())};Marker.prototype.setPosition=function(latlng){this._source.setPosition(latlng._source||latlng)};Marker.prototype.getPosition=function(){return new goome.maps.LatLng(this._source.getPosition())};Marker.prototype.setTitle=function(title){this._source.setTitle(title)};Marker.prototype.getTitle=function(){return this._source.getTitle()};Marker.prototype.setIcon=function(url,size){if(isBMap&&arguments.length!=2){throw Error("Marker:parameter size:{width,height} for baidu map is missed")}if(this._source.setOptions){this._source.setIcon(url)}else{if(size&&size.width&&size.height){this._source.setIcon(new BMap.Icon(url,new BMap.Size(size.width,size.height)))}else{throw Error("Marker:required parameter size:property -width and height}")}}};Marker.prototype.getIcon=function(){var icon=this._source.getIcon();return typeof icon==="string"?icon:icon.imageUrl};Marker.prototype.setDraggable=function(flag){if(this._source.setDraggable){this._source.setDraggable(flag)}else{if(this._source.enableDragging){flag?this._source.enableDragging():this._source.disableDragging()}}};Marker.prototype.setVisible=function(flag){if(this._source.setVisible){this._source.setVisible(flag)}else{if(this._source.show){flag?this._source.show():this._source.hide()}}};Marker.prototype.setZIndex=function(index){this._source.setZIndex(index)};Marker.prototype.setOptions=function(opts){if(this._source.setOptions){this._source.setOptions(opts)}else{throw Error("Marker:not supported method - setOptions,use setter method directly")}};function InfoWindow(opts){if(opts&&opts.setContent){this._source=opts;return}if(!opts.hasOwnProperty("content")){throw Error("InfoWindow:options required property missed!")}if(isBMap){this._source=new tempMaps[objectMapping.InfoWindow[mapperKey]](opts.content,opts)}else{this._source=new tempMaps[objectMapping.InfoWindow[mapperKey]](opts)}}InfoWindow.prototype.open=function(map,marker){marker=marker._source||marker;map=map._source||map;if(this._source.open){this._source.open(map,marker)}else{if(marker.openInfoWindow){marker.openInfoWindow(this._source)}}};InfoWindow.prototype.close=function(){if(this._source.close){this._source.close()}else{if(this._source.hide){this._source.hide()}}};InfoWindow.prototype.getContent=function(){this._source.getContent()};InfoWindow.prototype.getPosition=function(){return new goome.maps.LatLng(this._source.getPosition())};InfoWindow.prototype.setContent=function(node){this._source.setContent(node)};InfoWindow.prototype.setZIndex=function(index){this._source.setZIndex(index)};InfoWindow.prototype.setPosition=function(latlng){this._source.setPosition(latlng._source||latlng)};InfoWindow.prototype.setOptions=function(opts){if(this._source.setOptions){this._source.setOptions(opts)}else{throw Error("InfoWindow:not supported method - setOptions,use setter method directly")}}})(window);
cn.js-v=1.0.1.1jquery
var lg={ downMsg:'<br/><br/><h1>幫助</h1> 您能夠經過「下載軌跡數據」功能，下載指定設備某一日期內的移動痕跡。<br/><br/>步驟：<br/>1.選擇須要下載的指定設備。<br/> 2.輸入須要下載的具體日期。<br/> 3.單擊「下載KML軌跡文件」按鈕。<br/><br/><span style="color:red;">注意：若是單擊「下載」按鈕， 出現「沒有找到有效的軌跡數據!」提示信息，表示當前沒有你須要<br/>下載的數據。 </span><br/><br/> 下載的軌跡文件的格式是Google KML格式，如:「文件名.kml」。安裝 Google Earth後。雙擊KML<br/>文件，會經過Google Earth工具打開。<BR/> "KML軌跡文件"會將設備的移動痕跡以紅線動態的描繪在Google地圖上。<br/> <br/><br/>附註:下載 Google Earth 請點擊 <a href="http://dl.google.com/earth/client/ge4/release_4_3/googleearth-win-plus-4.3.7284.3916.exe"><font color="blue">這裏</font></a> <br/>', startPk:"開始回放",stop:"中止",bTime:["對不起！本系統暫不提供時間段跨度超過","天以上的統計數據查詢！請將查詢時間段跨度改成不超過"],playOverTip:["軌跡回放完畢!!時間從 ","到"],totalTime:"總時間",duration:"運行",kPerH:"千米/小時", //globe lang:"cn",googleKey:"http://ditu.google.cn/", lng:"經度",lat:"緯度",latlng:"經緯度", snew:"新貨",skt:"開通",sbk:"退貨",swx:"維修",stj:"停機",//銷售狀態 sdw:"定位狀態",sdw0:"未定位",sdw1:"已定位",p:"位置:",//定位狀態 srun0:"未上線",srun1:"離線",srun2:"靜止",srun3:"行駛",srun4:"快速行駛",srun5:"超速行駛",srun6:"所有",//運行狀態 date:"日期",time:"時間",y:"年",d:"天",h:"小時",m:"分",s:"秒",due:"到期時間",serviceYear:"服務年限",saleTime:"銷售時間",factoryTime:"出廠日期",activeTime:"開通日期",dwtime:"定位時間",heartTime:"心跳時間",sendtime:"發送時間",utime:"信號時間", update0:"關閉更新",update1:"打開更新",view:"全景",target:"目標", mi:"米",km:"千米", on:"開啓",off:"熄火", msgtit0:"提示",msgtit1:"成功",msgtit2:"失敗",//彈出窗口提示信息標題 //loading 信息 updateSuc:"數據更新成功....",subvali:"正在驗證.....請等待...",loadfali:"數據加載失敗...請重試",fload:"正在加載數據....請稍候",leadin:"正在提交數據.....請等待...",inputName:"請輸入您要統計設備的設備名稱!", //tips ctimetip:"查詢的時間跨度不能大於 ",msgcon0:"請選擇",msgcon1:"IMEI號輸入有誤,請輸入6位以上數字!!",msgcon2:"請輸入要搜索的設備名", nodata:"沒有查詢到數據",distime:"開始時間不能大於結束時間",terror:"時間輸入有誤",//提示信息內容 imeivali:"IMEI號必須是15個字符長度的數字組成",imeitip:'IMEI號必須爲15個字符長度的數字,導入多個IMEI號用","號分隔',saleImeiTip:"IMEI號必須是由5-20個字符長度的數字組成", passvali:"倆次輸入的密碼不一致,請從新輸入",selUTip:"選擇客戶",fsuc:"如下設備導入成功",pexist:"如下設備已經存在",lfaluler:"IMEI號導入失敗....", companyNameTip:"客戶名稱必須不能爲空白字符",addUsuc:"客戶添加<font color=red>成功</font>",logNameVali:"登錄名的第一個字符不能爲數字",delSelfTip:"你無權刪除你本身的帳號",delUTip:"您肯定要刪除該用戶嗎？",selectTarget:"請選擇設備",selectCustom:"請選擇客戶", resetpwdtip:"你肯定要重置密碼嗎？",resetpwdfail:"重置密碼失敗,請重試.....",userExist:"該登錄名已經存在!請選擇其餘用戶名!",addFali:"數據添加失敗",resetpwdsuc:"您如今的密碼是", SimNumTip:"SIM卡號必須爲長度小於20位的數字",carNumExistTip:"您輸入的車牌號碼在系統中已存在，請從新輸入",stattip:"請選擇里程統計的日期",carNumFormatTip:"車牌號格式錯誤",dealedtip:"請不要重複處理", sucpwdtip:"密碼已更新",falipwdtip:"密碼更新失敗!!",sendzltip:"發指令前請再次確認登錄密碼",dealedsuc:"報警處理成功",maptip:"Google map暫不支持當前瀏覽器！",zoomMax:"已經到達最大縮放級別了", proaccount:"設備登錄號", product:"產品",client:"客戶",type:"類型",sclient:"選中客戶",pro:"設備",name:"名稱",status:"狀態",speed:"速度",account:"設備短號",pimei:"IMEI號", list:"列表",allp:"全部設備",hidn:"隱藏設備名",shown:"顯示設備名",number:"號碼", //button promanage:"設備管理",add:"新增",manage:"管理",search:"查詢",resetPwd:"重置密碼",updatepwd:"修改密碼",leadin:"導入",delall:"刪除全部",del:"刪除",areaPlayBack:"區域回放",active:"銷售開通", statLC:"里程統計",statCS:"超速統計",downgj:"下載軌跡",runct:"運行統計",pback:"回 放",track:"跟 蹤",searchw:"查詢報警記錄",zl:"指令",cutyd:"遠程斷油電",repyd:"遠程恢復油電",checkp:"查詢定位",checkr:"查詢指令記錄",simei:"按IMEI號搜",sname:"按設備名搜",addCustom:"新增客戶", ok:"肯定",sub:"提交",cancel:"取消",rset:"重置",rload:"重載",searchpro:"設備查詢",searchIMEI:"搜 索",sale:"銷售",enlarge:"放大地圖",clos:"關閉",more:"更多...", //array hangxiang: [ "正北向", "北向", "東北向偏北", "東北向", "東北向偏東", "正東向", "東向","東南向偏東", "東南向", "東南向偏南", "正南向", "南向", "西南向偏南", "西南向", "西南向偏西","正西向", "西向", "西北向偏西", "西北向", "西北向偏北" ], wtype: ["正常","震動報警","斷電報警","強行關機報警","SOS求救","超速報警","超速報警","超速報警","超速報警","超速報警"], backMess :{SEND_SUCCESS:"指令下發成功",SEND_FAIL:"指令下發失敗",PWD_ERROR:"密碼錯誤",NOT_CUSTOMER:"客戶不存在",USER_LEAVE:"設備離線,不能發指令"}, cmdType :{DWXX:'定位指令',DYD:'斷油電指令',HFYD:'恢復油電指令'}, statusType :['網頁發出指令','網關收到指令','網關判斷不知足發送指令條件','設備不在線','網關發送指令','終端響應指令'], warnData :[['全部報警', 'ALL'],['震動報警', '1'], ['斷電報警', '2'],['低電報警', '3'], ['SOS求救', '4'], ['超速報警', '5']], warnDealWith :['未處理','已處理'],gradeDate :[['經銷商', '4'], ['最終客戶', '8']], //words stip:"設備IMEI號/設備名",logName:"登錄名",warn:"報警",cmd:"指令",response:"響應",mess:"信息",idle:"停留",sign:"信號", start:" 開 始：",end:" 結 束：",sarea:"通過區域設備",atit:"區域設置",map:"地圖", owner:"所屬客戶",platf:"平臺費",oney:"一年期",threey:"三年期",otherp:"外掛平臺",remark:"備註信息",pwd:"密碼",opwd:"舊密碼",npwd:"新密碼",rpwd:"確認密碼",cfirm:"確認", course:"航向",operate:"操做",warntit:"報警信息報表",leadout:" 導出 ",stattime:" 統計日期 ",tmovement:"總里程(單位:Km)",toverspeed:"總超速次數", mileagetit:"里程統計報表",dealed:"處理",movement:"里程", viewpos:"查看位置",timelywarntit:"報警信息",icon:"選擇圖標",format:"格式",phone:"聯繫電話",contact:"聯繫人",address:"地址",oSpeed:"超速",updateMsg:"更新信息", adduwait:"添加客戶信息",addutit:"新增客戶",cardNum:"卡號",carNum:"車牌號",pCompany:"所屬客戶",updateUTit:"更新客戶信息",grate:"級別",companyName:"客戶名稱",SuperCustom:"上級客戶",tagInfo:"設備信息",tagName:"設備名",cmdDetail:"指令詳細信息",inputTip:"請輸入設備名/IMEI號" }
underscore.js-v=1.0.1.1web
/* * 通用腳本庫 * 引入目的：解決內存泄漏問題，提高腳本執行性能。 */ function _(id){ return document.getElementById(id); } /* * @description 跨瀏覽器getElementsByClassName實現 * @param searchClass '{tag}.{className}' * @param node 共搜索的的目標父節點 */ _._ = function (searchClass, node) { var result = [], sc = searchClass.split('.'), tag; if(sc.length ===2){ searchClass = sc[1]; tag = sc[0]||'*'; }else{ return null; } if(document.getElementsByClassName){ var nodes = (node || document).getElementsByClassName(searchClass); for(var i=0 ;node = nodes[i++];){ if(tag !== "*" && node.tagName === tag.toUpperCase()){ result.push(node); }else{ result.push(node); } } }else{ if ( node == null ) node = document; var els = node.getElementsByTagName(tag); var elsLen = els.length; var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)"); for (i = 0, j = 0; i < elsLen; i++) { if ( pattern.test(els[i].className) ) { result[j] = els[i]; j++; } } } return result; }; /* * @description 判斷是不是IE，若是是返回具體版本號 * @return IE的版本號，W3C系列返回undefined * */ _.isIE = (function(){ var undef, v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i'); while ( div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->', all[0] ); return v > 4 ? v : undef; }()); /* * @description 判斷是不是數組 */ _.isArray = function(o){ return Object.prototype.toString.call(o) === '[object Array]'; }; /* * @description 批量設置樣式表 * @param el HTML節點 * @param cssText style樣式 * @param overWrite 是否重寫現有節點style屬性，默認爲false */ _.css = function (el,cssText,overWrite){ if(el&&el.style){ if(overWrite) el.style.cssText = cssText; else el.style.cssText += ';'+ cssText; } }; /* * @description 動態插入樣式表到head * @param cssText css * @param id style節點id */ _.css.append = function(cssText,id){ var css = document.createElement('style') ,head = document.head || document.getElementsByTagName("head")[0]; if(id){ css.setAttribute('id',id); } css.setAttribute('type', 'text/css'); //IE if(css.styleSheet) { css.styleSheet.cssText = cssText; } else { css.appendChild(document.createTextNode(cssText)); } head.appendChild(css); }; /* * @description 切換樣式表，移除全部包含此樣式的元素；給當前節點加上此樣式 * @param node 當前節點 * @param clas 樣式表 * @param context 移除樣式表元素的父節點 */ _.css.toggle = function(node,cls,context){ context = context || document.body; var clsArr = cls.split('.'); if(clsArr.length !=2)return; var tag = clsArr[0], className = clsArr[1]; var olds = _._(cls,context), len = olds.length, i = 0; for(;i<len;i++){ olds[i].className = olds[i].className.replace(className,''); } var current = node.className; if(current.indexOf(className)== -1){ node.className = current+ ' ' + className; } }; _.dom = function(){}; /** * @description 調用此方法來保證插入節點後再設置節點的innerHTML，避免在IE中的內存泄漏 */ _.dom.append = function(parent,tagName){ var node = document.createElement(tagName); parent.appendChild(node); return node; }; /* * @description 採用ext的處理方式，也能夠對刪除的元素使用outerHTML=''，可是此方法不通用，某些元素的outerHTML屬性只讀 * @param n 要刪除的HTML節點 */ _.dom.remove = function(n){ var d; if(_.isIE){ if(n && n.tagName != 'BODY'){ d = d || document.createElement('div'); d.appendChild(n); d.innerHTML = ''; } }else{ if(n && n.parentNode && n.tagName != 'BODY'){ n.parentNode.removeChild(n); } } }; /* * @description 移除要刪除節點的全部事件，防止IE內存泄漏 * @param d 要刪除的節點 */ _.dom.purdge = function(d){ var a = d.attributes, i, l, n; if (a) { l = a.length; for (i = 0; i < l; i += 1) { n = a[i].name; if (typeof d[n] === 'function') { d[n] = null; } } } a = d.childNodes; if (a) { l = a.length; for (i = 0; i < l; i += 1) { _.dom.purdge(d.childNodes[i]); } } }; _.ajax = function(){}; /******** JSONP輪詢內存泄漏 ******** * 爲IE添加劇用的動態script標籤，標準瀏覽器沒法重用script標籤 * 重用的script標籤可能被佔用，也可能請求時發送網絡錯誤，所以須要添加額外的處理機制； * W3C瀏覽器JSONP沒有內存泄漏，因此onload完成後直接刪除便可。 */ //TODO:爲標準瀏覽器添加onerror統計超時請求， (function(){ //存儲超時或異常的JSONP請求 _.ajax.TIMEOUT_REQUEST = []; if(_.isIE){ //JSONP重用標籤的id _.ajax.SCRIPT_ID = 'ie_script_for_jsonp'; //重用標籤是否被JSONP請求佔用 _.ajax.SCRIPT_USED = false; //被佔用時JSONP請求等待的時間 _.ajax.WAIT_TIME = 100; //超時設定 _.ajax.TIMEOUT = 1500; //上次JSONP請求的時間 _.ajax.LAST_USED_TIME = 0; var script = document.createElement('script'), head = document.head || document.getElementsByTagName('head')[0]; script.setAttribute('id',_.ajax.SCRIPT_ID); script.onreadystatechange = function(){ if (this.readyState == "loaded" || this.readyState == "complete"){ _.ajax.SCRIPT_USED = false; } }; head.appendChild(script); } })(); /* * @description 輪詢JSONP請求調用，IE瀏覽器採用重用Script節點方式。 * @param url 手動加上callback參數，自動追加了時間戳 */ _.ajax.jsonp = function(url){ var script, now = new Date().getTime(), requestUrl = url + (url.indexOf('?')>-1?'×tamp=':'?timestamp=') + now, head = document.head || document.getElementsByTagName('head')[0]; if(_.isIE){ script = document.getElementById(_.ajax.SCRIPT_ID); //節點被佔用 if(_.ajax.SCRIPT_USED){ if(_.ajax.LAST_USED_TIME === 0) _.ajax.LAST_USED_TIME = now; //已經超時 if((now - _.ajax.LAST_USED_TIME) > _.ajax.TIMEOUT){ _.ajax.LAST_USED_TIME = now; if(_.ajax.TIMEOUT_REQUEST.length>=1000) _.ajax.TIMEOUT_REQUEST.length = 0; _.ajax.TIMEOUT_REQUEST.push(script.src.split('×tamp=')[0]); script.src = requestUrl; //沒有超時則等待 }else{ setTimeout(function(){_.ajax.jsonp(url);},_.ajax.WAIT_TIME); } }else{ _.ajax.SCRIPT_USED = true; _.ajax.LAST_USED_TIME = now; script.src = requestUrl; } }else{ script = document.createElement('script'); head.appendChild(script); script.onload = function(){ this.onload = null; this.parentNode.removeChild(this); }; script.onerror = function(){ _.ajax.TIMEOUT_REQUEST.push(this.src); }; script.src = requestUrl; } }; /* * @description 獲取遠程腳本，只適合加載一次的腳本，輪詢請使用_.ajax.jsonp。JSONP請求默認加上時間戳；普通AJAX不加時間戳 * @param callback JSONP加載腳本的回調函數 * */ _.ajax.getScript = function(url,callback){ var script, head = document.head || document.getElementsByTagName('head')[0], now = new Date().getTime(); script = _.dom.append(head,'script'); if(callback){ if(url.indexOf("?")>-1){ url = "&callback=" + callback ; }else{ url = "?callback=" + callback ; } } //若是是JSONP if(url.indexOf('callback=')>0){ url += "×tamp=" + now; } script.src = url; }; /* * @description 獲取多個遠程腳本文件，只適合加載一次。輪詢請使用_.ajax.jsonp * */ _.ajax.getScripts = function(urlArray){ if(_.isArray(urlArray)){ for(var index in urlArray){ _.ajax.getScript(urlArray[index]); } } }; /* * @description 類繼承，子類持有父類原型 * @param child 子類 * @param parent 父類 */ _.extend = function(child,parent) { var F = function() {}; F.prototype = parent.prototype; child.prototype = new F(); child.prototype.constructor = child; //hold parent prototype ref child.pp = parent.prototype; }; /* * @description 複寫子類的方法，若是父類有該方法，加強匿名函數的參數與父類函數參數順序一致。若是加強函數有返回值，則默認返回。 * @param className 類名 * @param methodName 要複寫的方法名稱 * @param extraFunc 額外執行的函數，上下文環境爲className的實例 */ _.extendM = function(className,methodName,extraFunc){ //若是有父類且父類有同名的方法 if(className.pp && className.pp[methodName]){ className.prototype[methodName] = function(){ var result = extraFunc.apply(this,arguments); className.pp[methodName].apply(this,arguments); return result; }; } else{ className.prototype[methodName] = function(){ return extraFunc.apply(this,arguments); }; } }; _.trim = function(text){ if(String.prototype.trim){ return text == null ?"" :String.prototype.trim.call(text); }else{ return text == null ?"" :text.toString().replace( /^\s+/, "" ).replace( /\s+$/, "" ); } }; /* * @description from jquery.cookie.js * @param options {expires,path,domain,secure} */ _.cookie = function(name,value,options){ if (typeof value != 'undefined') { // name and value given, set cookie options = options || {}; if (value === null) { value = ''; options.expires = -1; } var expires = ''; if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { var date; if (typeof options.expires == 'number') { date = new Date(); date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000)); } else { date = options.expires; } expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE } var path = options.path ? '; path=' + options.path : ''; var domain = options.domain ? '; domain=' + options.domain : ''; var secure = options.secure ? '; secure' : ''; document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join(''); } else { // only name given, get cookie var cookieValue = ''; if (document.cookie && document.cookie != '') { var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) { var cookie = _.trim(cookies[i]); // Does this cookie string begin with the name we want? if (cookie.substring(0, name.length + 1) == (name + '=')) { cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); break; } } } return cookieValue; } };
popupmarker.jsajax
PopupMarker.IS_BAIDU_MAP = typeof BMap !=='undefined'; PopupMarker.YPOS = 0; PopupMarker.LEFT_TOP_HEIGHT = 7; PopupMarker.YPOS2 = PopupMarker.YPOS + PopupMarker.LEFT_TOP_HEIGHT; PopupMarker.POPUP_TBL = { leftTop : {"left" : 0,"top" : PopupMarker.YPOS,"width" : 19,"height" : PopupMarker.LEFT_TOP_HEIGHT}, leftTopFill : {"left" : 16,"top" : 3,"width" : 4,"height" : 4}, rightTop : {"left" : 19,"top" : PopupMarker.YPOS,"width" : 10,"height" : PopupMarker.LEFT_TOP_HEIGHT}, rightTopImg : {"left" : -125,"top" : 0,"width" : 10,"height" : PopupMarker.LEFT_TOP_HEIGHT}, centerTopFill : {"left" : 19,"top" : PopupMarker.YPOS,"width" : 0,"height" : PopupMarker.LEFT_TOP_HEIGHT}, leftBody : {"left" : 11,"top" : PopupMarker.YPOS2,"width" : 8,"height" : 0}, centerBodyFill : {"left" : 19,"top" : PopupMarker.YPOS2,"width" : 40,"height" : 15}, rightBody : {"left" : 19,"top" : PopupMarker.YPOS2,"width" : 9,"height" : 0}, leftBottom : {"left" : 0,"top" : PopupMarker.YPOS2,"width" : 20,"height" : 21}, leftBottomImg : {"left" : 0,"top" : -13,"width" : 20,"height" : 21}, leftBottomFill : {"left" : 16,"top" : 0,"width" : 4,"height" : 6}, rightBottom : {"left" : 19,"top" : PopupMarker.YPOS2,"width" : 10,"height" : PopupMarker.LEFT_TOP_HEIGHT}, rightBottomImg : {"left" : -125,"top" : -13,"width" : 10,"height" : PopupMarker.LEFT_TOP_HEIGHT}, centerBottomFill : {"left" : 19,"top" : (PopupMarker.YPOS2 + (_.isIE ? -1 : 0)),"width" : 0,"height" : (6 + (_.isIE ? 1 : 0))} }; PopupMarker.prototype =PopupMarker.IS_BAIDU_MAP?(new BMap.Overlay()):(new google.maps.OverlayView()); /* * @decription setMap填充覆蓋物到地圖放在最後一步，百度彷佛有點問題 * @param opts {map:goome.maps.Map,position:goome.maps.LatLng,text:string} */ function PopupMarker(opts) { this.ICON_WIDTH = opts.ICON_WIDTH||12; this.ICON_HEIGHT =opts.ICON_HEIGHT|| 20; this.map_ = opts.map; this.latlng_ = opts.position; this.icon_ = opts.icon; this.text_ = opts.text || ""; this.showpop = opts.showpop || false; this.popupImgSrc_ = "images/1280.png"; //是否已經執行過updatePopLayerText，在此函數結束時設置爲true this.updatedPop = false; if(document.getElementById('dummyTextNode')) { this.dummyTextNode = document.getElementById('dummyTextNode'); } else{ var dummyTextNode = document.createElement("span"); dummyTextNode.id = 'dummyTextNode'; dummyTextNode.style.display = 'none'; this.map_.getDiv().appendChild(dummyTextNode); this.dummyTextNode = dummyTextNode; dummyTextNode =null; } this.setMap(PopupMarker.IS_BAIDU_MAP?this.map_:this.map_._source); }; //百度須要額外推薦一些方法 if(PopupMarker.IS_BAIDU_MAP){ PopupMarker.prototype.initialize = function(map){ var spanContainer = document.createElement("span"); this.container_ = document.createElement("div"); this.iconContainer = document.createElement("div"); var panes = this.map_._source.getPanes(); panes.floatShadow.appendChild(spanContainer); spanContainer.appendChild(this.iconContainer); spanContainer.appendChild(this.container_); this.iconContainer.style.width = this.ICON_WIDTH + "px"; this.iconContainer.style.height = this.ICON_HEIGHT + "px"; this.iconContainer.innerHTML = "<img src='" + this.icon_ + "'>"; this.iconContainer.style.position = "absolute"; //panes.floatPane.appendChild(this.container_); this.container_.style.position = "absolute"; if (!this.showpop) this.container_.style.visibility = "hidden"; this.makeNormalPopup_(); return spanContainer; //this.onAdd(); }; PopupMarker.prototype.setMap = function(obj){ if(obj==null) this.map_._source.removeOverlay(this); else{ obj._source.addOverlay(this); } }; } PopupMarker.prototype.onAdd = function() { this.container_ = document.createElement("div"); this.iconContainer = document.createElement("div"); var panes = this.getPanes?this.getPanes():this.map_._source.getPanes(); panes.floatShadow.appendChild(this.iconContainer); panes.floatPane.appendChild(this.container_); this.iconContainer.style.width = this.ICON_WIDTH + "px"; this.iconContainer.style.height = this.ICON_HEIGHT + "px"; this.iconContainer.innerHTML = "<img src='" + this.icon_ + "'>"; this.iconContainer.style.position = "absolute"; this.container_.style.position = "absolute"; if (!this.showpop) this.container_.style.visibility = "hidden"; this.makeNormalPopup_(); }; PopupMarker.prototype.draw = function() { this.redrawNormalPopup_(this.text_); }; PopupMarker.prototype.onRemove = function() { _.dom.remove(this.container_); _.dom.remove(this.iconContainer); }; PopupMarker.prototype.makeNormalPopup_ = function() { var frag = document.createDocumentFragment(); //0 var leftTop_ = this.makeImgDiv_(this.popupImgSrc_, PopupMarker.POPUP_TBL.leftTop); leftTop_.appendChild(this.fillDiv_(PopupMarker.POPUP_TBL.leftTopFill)); frag.appendChild(leftTop_); //1 var leftBody_ = this.fillDiv_(PopupMarker.POPUP_TBL.leftBody); _.css(leftBody_ ,'border-width:0 0 0 1px;border-style:none none none solid;border-color:#000'); frag.appendChild(leftBody_); //2 var leftBottom_ = this.makeImgDiv_(this.popupImgSrc_, PopupMarker.POPUP_TBL.leftBottomImg); leftBottom_.appendChild(this.fillDiv_(PopupMarker.POPUP_TBL.leftBottomFill)); _.css(leftBottom_ ,'left:'+PopupMarker.POPUP_TBL.leftBottom.left +'px;top:'+PopupMarker.POPUP_TBL.leftBottom.top +'px;width:'+PopupMarker.POPUP_TBL.leftBottom.width +'px;height:'+PopupMarker.POPUP_TBL.leftBottom.height +'px;'); frag.appendChild(leftBottom_); //3 var bodyContainer_ = document.createElement("div"); _.css(bodyContainer_ ,'position:absolute;background-color:#fff;overflow:hidden;left:'+PopupMarker.POPUP_TBL.centerBodyFill.left +'px;top:'+PopupMarker.POPUP_TBL.centerBodyFill.top +'px;width:'+PopupMarker.POPUP_TBL.centerBodyFill.width +'px;height:'+PopupMarker.POPUP_TBL.centerBodyFill.height +'px;'); frag.appendChild(bodyContainer_); //4 var rightTop_ = this.makeImgDiv_(this.popupImgSrc_, PopupMarker.POPUP_TBL.rightTopImg); _.css(rightTop_ ,'left:'+PopupMarker.POPUP_TBL.rightTop.left +'px;top:'+PopupMarker.POPUP_TBL.rightTop.top +'px;width:'+PopupMarker.POPUP_TBL.rightTop.width +'px;height:'+PopupMarker.POPUP_TBL.rightTop.height +'px;'); frag.appendChild(rightTop_); //5 var rightBottom_ = this.makeImgDiv_(this.popupImgSrc_, PopupMarker.POPUP_TBL.rightBottomImg); _.css(rightBottom_ ,'left:'+PopupMarker.POPUP_TBL.rightBottom.left +'px;top:'+PopupMarker.POPUP_TBL.rightBottom.top +'px;width:'+PopupMarker.POPUP_TBL.rightBottom.width +'px;height:'+PopupMarker.POPUP_TBL.rightBottom.height +'px;'); frag.appendChild(rightBottom_); //6 var rightBody_ = this.fillDiv_(PopupMarker.POPUP_TBL.rightBody); _.css(rightBody_ ,'border-width:0 1px 0 0;border-style:none solid none none;border-color:#000'); frag.appendChild(rightBody_); //7 var centerBottom_ = this.fillDiv_(PopupMarker.POPUP_TBL.centerBottomFill); _.css(centerBottom_ ,'border-width:0 0 1px 0;border-style:none none solid none;border-color:#000'); frag.appendChild(centerBottom_); //8 var centerTop_ = this.fillDiv_(PopupMarker.POPUP_TBL.centerTopFill); _.css(centerTop_ ,'border-width:1px 0 0 0;border-style:solid none none none;border-color:#000'); frag.appendChild(centerTop_); this.container_.appendChild(frag); }; PopupMarker.prototype.redrawNormalPopup_ = function(text) { if (this.beforeNormalPopupText_ !== text) { var bodyContainer_ = this.container_.children[3], leftBottom_ = this.container_.children[2], leftBody_ = this.container_.children[1], rightTop_ = this.container_.children[4], rightBottom_ = this.container_.children[5], rightBody_ = this.container_.children[6], centerBottom_ = this.container_.children[7], centerTop_ = this.container_.children[8]; bodyContainer_.innerHTML = text; if (!_.isIE && text) { if (bodyContainer_.firstChild.nodeType === 1) { bodyContainer_.firstChild.style.margin = 0; } } var offsetBorder = _.isIE ? 2: 0; var cSize = this.getHtmlSize_(text); var rightX = PopupMarker.POPUP_TBL.leftTop.width + cSize.width; leftBottom_.style.top = (cSize.height + PopupMarker.POPUP_TBL.leftBody.top) + "px"; leftBody_.style.height = cSize.height + "px"; bodyContainer_.style.width = cSize.width + "px"; bodyContainer_.style.height = cSize.height + "px"; bodyContainer_.style.top = PopupMarker.POPUP_TBL.leftBody.top; rightTop_.style.left = rightX + "px"; rightBottom_.style.left = rightTop_.style.left; rightBottom_.style.top = leftBottom_.style.top; rightBody_.style.left = rightX + "px"; rightBody_.style.height = leftBody_.style.height; centerBottom_.style.top = leftBottom_.style.top; centerBottom_.style.width = cSize.width + "px"; centerTop_.style.width = cSize.width + "px"; this.size_ = { "width": (rightX + PopupMarker.POPUP_TBL.rightTop.width), "height": (cSize.height + PopupMarker.POPUP_TBL.leftTop.height + PopupMarker.POPUP_TBL.leftBottom.height) }; this.container_.style.width = this.size_.width + "px"; this.container_.style.height = this.size_.height + "px"; } bodyContainer_ = leftBottom_ = leftBody_ = rightTop_ = rightBottom_ = rightBody_ = centerBottom_ = centerTop_ = null; this.setPosition(this.latlng_); this.beforeNormalPopupText_ = text; }; /* * @description 得到文字內容的基本寬度和高度，若是碰見marker沒有正確的顯示出來，頗有多是這裏出問題了 * @return goome.maps.Size */ PopupMarker.prototype.getHtmlSize_ = function(html) { var size = {}; this.dummyTextNode.innerHTML = html; this.dummyTextNode.style.display = ''; size.width = this.dummyTextNode.offsetWidth; size.height = this.dummyTextNode.offsetHeight; this.dummyTextNode.style.display = 'none'; var ret, lines = html.split(/\n/i), totalSize = new goome.maps.Size(1, 1); for (var i = 0; i < lines.length; i++) { totalSize.width += size.width; totalSize.height += size.height; } return totalSize; }; PopupMarker.prototype.makeImgDiv_ = function(imgSrc, params) { var imgDiv = document.createElement("div"); imgDiv.style.position = "absolute"; imgDiv.style.overflow = "hidden"; if (params.width) { imgDiv.style.width = params.width + "px"; } if (params.height) { imgDiv.style.height = params.height + "px"; } var img = null; if (!_.isIE) { img = new Image(); img.src = imgSrc; } else { img = document.createElement("div"); if (params.width) { img.style.width = params.width + "px"; } if (params.height) { img.style.height = params.height + "px"; } } img.style.position = "relative"; img.style.left = params.left + "px"; img.style.top = params.top + "px"; img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + imgSrc + "')"; imgDiv.appendChild(img); img = null; return imgDiv; }; PopupMarker.prototype.fillDiv_ = function(params) { var bgDiv = document.createElement("div"); bgDiv.style.position = "absolute"; bgDiv.style.backgroundColor = "#FFF"; bgDiv.style.fontSize = "1px"; bgDiv.style.lineHeight = "1px"; bgDiv.style.overflow = "hidden"; bgDiv.style.left = params.left + "px"; bgDiv.style.top = params.top + "px"; bgDiv.style.width = params.width + "px"; bgDiv.style.height = params.height + "px"; return bgDiv; }; PopupMarker.prototype.hide = function() { if (this.container_) { this.container_.style.visibility = "hidden"; } }; PopupMarker.prototype.show = function() { if (this.container_) { this.container_.style.visibility = "visible"; } }; PopupMarker.prototype.toggle = function() { if (this.container_) { if (this.container_.style.visibility == "hidden") { this.show(); } else { this.hide(); } } }; PopupMarker.prototype.setPosition = function(latlng) { if(!latlng._source){ throw Error('PopupMarker:use wrapped LatLng'); } var pxPos = this.map_.fromLatLngToDivPixel(latlng); this.container_.style.left = pxPos.x + "px"; this.container_.style.top = (pxPos.y - this.size_.height) + "px"; var icon = this.icon_; if(icon.indexOf('east')>-1){ this.iconContainer.style.left = (pxPos.x - this.ICON_WIDTH * 0.75) + "px"; }else{ this.iconContainer.style.left = (pxPos.x - this.ICON_WIDTH / 2) + "px"; } this.iconContainer.style.top = (pxPos.y - this.ICON_HEIGHT) + "px"; this.latlng_ = latlng; }; PopupMarker.prototype.update = function(obj) { if ((typeof obj.icon) != "undefined") { if(this.icon_!=obj.icon){ this.iconContainer.innerHTML = "<img src='" + obj.icon + "'>"; this.icon_ = obj.icon; } } if ((typeof obj.position) != "undefined") { this.latlng_ = obj.position; this.setPosition(this.latlng_); } if ((typeof obj.text) != "undefined") { this.text_ = obj.text; this.redrawNormalPopup_(obj.text); } }; PopupMarker.prototype.setZIndex = function(index) { this.container_.style.zIndex = index; this.iconContainer.style.zIndex = index; }; PopupMarker.prototype.latlng = function() { return this.latlng_; }; PopupMarker.prototype.hideMarker = function(){ this.container_.style.visibility = "hidden"; this.iconContainer.style.visibility = "hidden"; }; PopupMarker.prototype.showMarker = function(){ this.container_.style.visibility = "visible"; this.iconContainer.style.visibility = "visible"; };
core.jsjson
var speedForStill = [4, 10], mousePos = { x: 0, y: 0 } //, // geocoder = new google.maps.Geocoder(); function parseAddress(weidu, jingdu, arr, name) { if (document.getElementById(arr) != null) { geocoder.geocode({ "address": weidu + "," + jingdu }, function (results, status) { _str = " "; if (status == google.maps.GeocoderStatus.OK) { _str = name + "," + lg.p + ":" + results[0].formatted_address } else { _str = lg.isGetting } document.getElementById(arr).innerHTML = _str }) } } function getHangXiang(dusu, sudu) { if (sudu < 0 || dusu == "") return "......"; var z = 5, fz = 10, p = 30; var hangxiang = lg.hangxiang; var qujian1 = [z, fz, fz, p, 90 - p, 90 - z, 90 - fz, 90 + fz, 90 + p, 180 - p, 180 - z, 180 - fz, 180 + fz, 180 + p, 270 - p, 270 - z, 270 - fz, 270 + fz, 270 + p, 360 - p]; var qujian2 = [360 - z, 360 - fz, p, 90 - p, 90 - fz, 90 + z, 90 + fz, 90 + p, 180 - p, 180 - fz, 180 + z, 180 + fz, 180 + p, 270 - p, 270 - fz, 270 + z, 270 + fz, 270 + p, 360 - p, 360 - fz]; for (var i = 0; i < qujian1.length; i++) { if (i == 0 || i == 1) { if (qujian2[i] <= dusu || dusu <= qujian1[i]) return hangxiang[i] } else { if (qujian1[i] <= dusu && dusu <= qujian2[i]) return hangxiang[i] } } return dusu } function exchangeTime(msecond) { var dd, hh, mm, ss; dd = Math.round(msecond / 86400 + 0.5) - 1; hh = Math.round((msecond - dd * 86400) / 3600 + 0.5) - 1; mm = Math.round((msecond - dd * 86400 - hh * 3600) / 60 + 0.5) - 1; ss = Math.round(msecond - dd * 86400 - hh * 3600 - mm * 60); var strtip = ""; if (dd > 0) strtip = strtip + dd + lg.d; if (hh > 0) strtip = strtip + hh + lg.h; if (mm > 0) { strtip = strtip + mm + lg.m; if (dd > 0) return strtip } if (ss > 0) strtip = strtip + ss + lg.s; return strtip } function getTimeDiff(serverTime, objTime) { var timeDiff = (new Date((serverTime.split("."))[0].replace(/-/g, "/")).getTime() - new Date((objTime.split("."))[0].replace(/-/g, "/")).getTime()) / 1000; return timeDiff } function getRoom(diff) { var room = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14); var diffArr = new Array(360, 180, 90, 45, 22, 11, 5, 2.5, 1.25, 0.6, 0.3, 0.15, 0.07, 0.03, 0); for (var i = 0; i < diffArr.length; i++) { if ((diff - diffArr[i]) >= 0) { return room[i] } } return 14 } function getCenterPoint(maxJ, minJ, maxW, minW) { if (maxJ == minJ && maxW == minW) return [maxJ, maxW, 0]; var diff = maxJ - minJ; if (diff < (maxW - minW)) diff = maxW - minW; diff = parseInt(10000 * diff) / 10000; var centerJ = minJ * 1000000 + 1000000 * (maxJ - minJ) / 2; var centerW = minW * 1000000 + 1000000 * (maxW - minW) / 2; return [centerJ / 1000000, centerW / 1000000, diff] } function mouseCoords(ev) { ev = ev || window.event; if (ev.pageX || ev.pageY) { mousePos = { x: ev.pageX + 10, y: ev.pageY + 10 } } mousePos = { x: ev.clientX + document.documentElement.scrollLeft - document.body.clientLeft + 10, y: ev.clientY + document.documentElement.scrollTop - document.body.clientTop + 10 } } function getStatic(datetime, servertime, sys_time, heart_time) { stopover_time = getTimeDiff(servertime, datetime); var heart_time = getTimeDiff(servertime, heart_time); var dingwei_time = getTimeDiff(servertime, sys_time); if (dingwei_time < heart_time) heart_time = dingwei_time; return [heart_time, stopover_time] } function dblclickSetRoomCenter(weidu, jingdu, map) { var _zoom = map.getZoom(); if (_zoom < 11) { map.setCenter(new google.maps.LatLng(Number(weidu), Number(jingdu))); map.setZoom(11) } else if (_zoom >= 11 && _zoom <= 18) { map.setCenter(new google.maps.LatLng(Number(weidu), Number(jingdu))); map.setZoom(_zoom + 2) } else { alert(lg.zoomMax) } } function status_(heart_stime, speed, stopover_time, endServerTimeCount) { var speed = Number(speed); var _arr = ["white", lg.srun1, 0, false]; var oneDay = 60 * 60 * 24; var servenDays = -(60 * 60 * 24 * 7); var offlineSeconds = 900; if (endServerTimeCount > (oneDay * 7)) { return ["white", lg.arrear, 0, false] } var statusWord = "-1"; if (endServerTimeCount <= (oneDay * 7) && endServerTimeCount > 0) { var days = (endServerTimeCount / oneDay) + lg.d; statusWord = lg.serviceEnd[0] + days } if (endServerTimeCount <= 0 && endServerTimeCount > servenDays) { var days = Math.abs(endServerTimeCount) / oneDay; statusWord = days + lg.serviceEnd[2]; if (endServerTimeCount == 0) { statusWord = lg.serviceEnd[3] } } if (speed == -9 && heart_stime > offlineSeconds) { if (statusWord == "-1") return ["white", lg.srun0, speed, false]; else return ["white", statusWord, speed, false] } if (speed == -9 && heart_stime <= offlineSeconds) { if (statusWord == "-1") return ["gray", lg.srun2, 0, true]; else return ["gray", statusWord, 0, true] } if (speed < 0 || heart_stime > offlineSeconds) { if (statusWord == "-1") return ["white", lg.srun1, 0, false]; else return ["white", statusWord, 0, false] } if ((speed >= 0 && speed < speedForStill[1]) || 35 < stopover_time) { if (statusWord == "-1") return ["gray", lg.srun2, 0, true]; else return ["gray", statusWord, 0, true] } if (speed >= speedForStill[1] && speed <= 80) { if (statusWord == "-1") return ["green", lg.srun3, speed, true]; else return ["green", statusWord, speed, true] } if (speed > 80 && speed <= 120) { if (statusWord == "-1") return ["yellow", lg.srun4, speed, true]; else return ["yellow", statusWord, speed, true] } if (speed > 120) { if (statusWord == "-1") return ["red", lg.srun5, speed, true]; else return ["red", lstatusWord, speed, true] } return _arr } function direction(speed, iconType, hangxiang) { var direction = "west"; if (iconType.charAt(0) == "2") { var speed = Number(speed); var hangxiang = Number(hangxiang); if (speed == -1) { direction = "west" } else { if (hangxiang <= 45 || hangxiang > 315) { direction = "north" } else if (hangxiang > 45 && hangxiang <= 135) { direction = "east" } else if (hangxiang > 135 && hangxiang <= 225) { direction = "south" } else if (hangxiang > 225 && hangxiang <= 315) { direction = "west" } } } return direction } function getIconURL(iconType, status, hangxiang) { var imgURL = "green_01.gif"; if (iconType.charAt(0) == "2") { imgURL = status + "_" + hangxiang + "_" + iconType + ".gif" } else { imgURL = status + "_" + iconType + ".gif" } return imgURL } function getAccStatus(val, p, record) { if ((typeof record) == "undefined" || record.data["product_type"] == "GT06") { var stem = parseInt(val.substr(0, 2), 16); var tem = stem.toString(2); if (tem.length < 2 || tem.substr(tem.length - 2, 1) == "0") { return lg.off } else { return lg.on } } else { return "..." } } function distance(lat1, lon1, lat2, lon2, len) { var R = 6371; var dLat = (lat2 - lat1) * Math.PI / 180; var dLon = (lon2 - lon1) * Math.PI / 180; var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) * Math.sin(dLon / 2) * Math.sin(dLon / 2); var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); var d = R * c; return d + len } function formatKm2M(v) { if (v > 1) return Math.round(v * 1000) / 1000 + lg.km; else if (v <= 1) return Math.round(v * 1000) + lg.mi } function parseGt06Staust(val) { var val = val + ""; if ((typeof val) == "undefined") return lg.sdw0; var stem = parseInt(val.substr(0, 2), 16); var tem = stem.toString(2); if (tem.length < 7 || (tem.length == 7 && tem.substr(0, 1) == "0") || (tem.length == 8 && tem.substr(1, 1) == "0")) return lg.sdw0; else return lg.sdw1 } //function addMAPabc(map) { // var tileSize = new google.maps.Size(256, 256); // var getTileUrl = function (tile, zoom) { // return " http://emap" + ((tile.x + tile.y) % 4) + ".mapabc.com/mapabc/maptile?v=w2.99&x=" + tile.x + "&y=" + tile.y + "&zoom=" + (17 - zoom) // }; // var imageMapType = new google.maps.ImageMapType({ // alt: "MAPabc", // isPng: true, // maxZoom: 18, // minZoom: 1, // name: "MAPabc", // tileSize: tileSize, // opacity: 1.0, // getTileUrl: getTileUrl // }); // map.mapTypes.set('MAPabc', imageMapType) //} //function addMarkerLayersTile(map) { // var label = new google.maps.ImageMapType({ // getTileUrl: function (tile, zoom) { // var arr = ["mt0", "mt1", "mt2", "mt3"]; // var _u = arr[Math.floor(Math.random() * arr.length)]; // return "http://" + _u + ".google.com/vt/imgtp=png32&lyrs=h@140&hl=zh-CN&gl=cn&x=" + (tile.x) + "&y=" + (tile.y) + "&z=" + zoom + "&s=Galil" // }, // tileSize: new google.maps.Size(256, 256), // isPng: true // }); // map.overlayMapTypes.insertAt(0, label) //} //function addMAPType(map, id, text) { // var tileSize = new google.maps.Size(256, 256); // var getTileUrl = function (tile, zoom) { // var arr = ["mt0", "mt1", "mt2", "mt3"]; // var _u = arr[Math.floor(Math.random() * arr.length)]; // return "http://" + _u + ".google.com/vt/lyrs=s@76&gl=cn&x=" + tile.x + "&y=" + tile.y + "&z=" + zoom // }; // var imageMapType = new google.maps.ImageMapType({ // alt: text, // isPng: true, // maxZoom: 20, // name: text, // tileSize: tileSize, // opacity: 1.0, // getTileUrl: getTileUrl // }); // map.mapTypes.set(id, imageMapType) //} //UTC + 時區差 ＝ 本地時間 //將後臺utc時間毫秒轉爲本地時間 function utcToLocal(utc){ if(isNaN(Number(utc))) return utc; var t = new Date(Number(utc)); d = [t.getFullYear(), t.getMonth()+1, t.getDate()].join('/'); var mm = t.getMinutes() , ss = t.getSeconds(); d += ' ' + ([t.getHours(), mm > 9 ? mm : '0'+mm, ss > 9 ? ss : '0'+ss].join(':')); return d; } //將本地時間時間轉爲utc時間毫秒 function localToUtc(local){ if(!isNaN(Number(local))) return local; var l = new Date(local.replace(/\-/g,'/')).getTime(); return l; }
還有用的WdatePicker.js這個能夠在網上下載一個。api
jquery-1.3.2.min.js.gzjs也本身下就行。
webService地址：
經過 webservice 獲取服務器的數據將數據顯示到地圖上；
分割獲取：
var tem = msg.split(";");
var rs = tem[i].split(",");
1.Y座標
2.X座標
3.當前時間（utc時間）
4.行車速度
由於有不少朋友問我百度地圖軌跡回放是怎麼作的我在網上找了不少的次，一次意外讓我看到了大牛的大做，粘出分享給朋友們。很長時間沒有作百度地圖這方面的工做了，可是還有點印象，這是個很強大的dome
相關文章
- 1. 百度地圖車輛運動軌跡(轉)
- 2. 百度地圖軌跡
- 3. 百度地圖實時動態軌跡
- 4. 百度地圖根據經緯度獲取運動軌跡
- 5. H5頁面引用百度地圖繪製車輛歷史軌跡
- 6. 百度地圖畫運動軌跡，帶箭頭方向、紋理
- 7. 百度地圖軌跡展現
- 8. 百度地圖繪製軌跡
- 9. 基於車輛運動模型軌跡生成演示
- 10. openlayers入門之使用openlayers描述車輛運動軌跡
- 更多相關文章...
- • PHP 獲取圖像寬度與高度 - PHP參考手冊
- • 物理地址（MAC地址）是什麼？ - TCP/IP教程
- • 算法總結-廣度優先算法
- • 算法總結-深度優先算法
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. 百度地圖車輛運動軌跡(轉)
- 2. 百度地圖軌跡
- 3. 百度地圖實時動態軌跡
- 4. 百度地圖根據經緯度獲取運動軌跡
- 5. H5頁面引用百度地圖繪製車輛歷史軌跡
- 6. 百度地圖畫運動軌跡，帶箭頭方向、紋理
- 7. 百度地圖軌跡展現
- 8. 百度地圖繪製軌跡
- 9. 基於車輛運動模型軌跡生成演示
- 10. openlayers入門之使用openlayers描述車輛運動軌跡