学习使用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 >

 

 

 

 

显示效果