学习使用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>
<!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>
显示效果