学习使用MapBar2--点击地图以后,点击回放,会回放点击的点

代码

<!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"32321632)
    );

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>

 

 

 

 

posted @ 2010-05-05 18:16  小小部落  阅读(221)  评论(0编辑  收藏  举报