前台页页面代码：
回放目标轨迹 正在加载数据,请耐心等待.......武汉的士 从： 到： 频 率： 秒
主要js：
playback.js-v=1.0.1.1
// JavaScript Documentvar 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 -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 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(' '); html.push(''+lg.speed+':'+record[3]+lg.kPerH+''); html.push(''+lg.movement+':'+formatKm2M(PlayBack.DISTANCE)+''); html.push(''+lg.sign+':'+utcToLocal(record[2])+''); if(PlayBack.STOP_TIME>0){ html.push(''+lg.idle+':'+exchangeTime(PlayBack.STOP_TIME)+''); } html.push(''); return html.join("");};PlayBack.prototype.getTxtByCount = function(){ //生成弹出窗口的文字 var total = getTimeDiff(PlayBack.TO_TIME,PlayBack.FROM_TIME); var html=[]; html.push(' '); html.push(''+lg.totalTime+':'+exchangeTime(total)+''); html.push(''+lg.movement+':'+formatKm2M(PlayBack.DISTANCE)+''); html.push(''+lg.duration+':'+(exchangeTime(PlayBack.RUN_TIME)||0)+''); html.push(''+lg.idle+':'+exchangeTime(total-PlayBack.RUN_TIME)+''); html.push(''); 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)+" "+lg.start+PlayBack.LAST_DATA[2]+" "+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 (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.2
document.write(' '); document.write(''); goome.maps.js
(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 cn.js-v=1.0.1.1
var lg={downMsg:'帮助
您可以通过“下载轨迹数据”功能，下载指定设备某一日期内的移动痕迹。步骤：1.选择需要下载的指定设备。 2.输入需要下载的具体日期。 3.单击“下载KML轨迹文件”按钮。注意：如果单击“下载”按钮， 出现“没有找到有效的轨迹数据!”提示信息，表示当前没有你需要下载的数据。 下载的轨迹文件的格式是Google KML格式，如:“文件名.kml”。安装 Google Earth后。双击KML文件，会通过Google Earth工具打开。 "KML轨迹文件"会将设备的移动痕迹以红线动态的描绘在Google地图上。 附注:下载 Google Earth 请点击 这里 ',startPk:"开始回放",stop:"停止",bTime:["对不起！本系统暂不提供时间段跨度超过","天以上的统计数据查询！请将查询时间段跨度改为不超过"],playOverTip:["轨迹回放完毕!!时间从 ","到"],totalTime:"总时间",duration:"运行",kPerH:"公里/小时",//globelang:"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:"请输入您要统计设备的设备名称!",//tipsctimetip:"查询的时间跨度不能大于 ",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:"客户添加成功",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:"号码",//buttonpromanage:"设备管理",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:"更多...",//arrayhangxiang: [ "正北向", "北向", "东北向偏北", "东北向", "东北向偏东", "正东向", "东向","东南向偏东", "东南向", "东南向偏南", "正南向", "南向", "西南向偏南", "西南向", "西南向偏西","正西向", "西向", "西北向偏西", "西北向", "西北向偏北" ],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']],//wordsstip:"设备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.1
/* * 通用脚本库 * 引入目的：解决内存泄漏问题，提升脚本执行性能。 */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 = ' ', 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 -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.js
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 = "![](" + 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 = ""; 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 = "![](" + 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.js
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这个可以在网上下载一个。
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