想要的效果,想要在点击地图的同时,显示点击了多少次,根据点击的地点显示图片
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
![ExpandedBlockStart.gif](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
<! 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 >
显示效果