您的位置：首页 > 其它

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

2010-05-05 18:14 471 查看

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

代码

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

显示效果

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航