<! DOCTYPE html PUBLIC  " -//W3C//DTD XHTML 1.0 Strict//EN "   " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
< html xmlns = " http://www.w3.org/1999/xhtml " >
< head >
     < title > 历史轨迹显示    ~~~~~~~~</ title >

< script type = " text/javascript "  src = " http://api.mapbar.com/api/mapbarapi31.2.js " ></ script >

< script type = " text/javascript " >
var maplet  =   null ;
 var MyPoint  =   null ;
 var marker  =   null ;
 var counter  =   0 ;
   var Start00MyPoint  = null ;
   var timerId  =   null ;
function initMap(){
maplet  =   new  Maplet( " mapbar " );
maplet.centerAndZoom( new  MPoint( " 武汉市 " ),  9 );
maplet.showOverview( false );
marker  =   new  MMarker(
     new  MPoint( " 武汉市 " ),
     new  MIcon( " http://img.mapbar.com/maplite/mapbank/ditu/image/icon/maplite/gif1/tb1.gif " ,  32 ,  32 ,  16 ,  32 )
    );

maplet.addOverlay(marker);
    MEvent.addListener(maplet,  " pan " , function() {
        var center  =  maplet.getCenter();
         if (MyPoint != null )
            MyPoint  += center  +   " , " ;
         else
            MyPoint  =  center  +   " , " ;
    });
}

function Start00()
{
     if (timerId != null )
        window.clearInterval(timerId);
    counter  =   0 ;
    Start00MyPoint  =  MyPoint.split( " , " );
    timerId  =  window.setInterval(updatePos, 1000 );
}

function updatePos() {

if (counter < Start00MyPoint.length - 1 ) {
marker.setPoint( new  MPoint(Start00MyPoint[counter]));

counter  ++ ;
} 
}

</ script >

</ head >
< body onload = " initMap() " >
     < div id = " mapbar "  style = " width: 800px; height: 500px " >
     </ div >
     < input type = " button "   onclick = " Start00(); "  value = " 开始回放 "   />
</ body >
</ html >