学习使用MapBar1--在地图上点击后显示点击的点

 

想要的效果,想要在点击地图的同时,显示点击了多少次,根据点击的地点显示图片

代码

<!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;

function initMap(){
var count 
=0;
maplet 
= new Maplet("mapbar");
maplet.centerAndZoom(
new MPoint("HEUFDFWVVHTRFU"), 8);
maplet.addControl(
new MStandardControl());//鱼骨控件
maplet.showOverview(false);
MEvent.addListener(maplet, 
"pan", function() {

    count 
= count +1 ;
 alert(
"这是您第 " + count + " 次点击地图");
    var center 
= maplet.getCenter();
    var newMarker 
= new MMarker(
    
new MPoint(center),
    
new MIcon("http://img.mapbar.com/maplite/mapbank/ditu/image/icon/maplite/gif1/tb" + count+ ".gif",32,32)
    );
    maplet.addOverlay(newMarker);
});
}

    
</script>

</head>
<body onload="initMap()">
    
<div id="mapbar" style="width: 800px; height: 500px">
    
</div>
</body>
</html>

 

 

 

 

显示效果

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