time 
设为首页】【收藏本站
当前位置: 主页 > JavaScript > 其它JS框架 > 【百度地图API】除夕夜,大家一起来赶走“夕”——删除标注功能

【百度地图API】除夕夜,大家一起来赶走“夕”——删除标注功能

时间:2011-03-22 23:17 点击:1895次 字体:[ ]




任务描述:

  农历12月31日是中国传统的节日——除夕。你知道除夕是怎么来的麼?

  “夕”在中国古代神话中,可是一个专吃小孩的怪兽呢!所以,我们过春节时要放鞭炮吓走“夕”,以求平安。

  那让我们一起来除掉那些红色的“夕”吧!

 

如何实现:

  方法一、给地图增加一个事件监听,addEventListener,当右击地图时,出现右键菜单,可删除标注。

  方法二、给标注增加事件监听,右键点击标注,即可删除。

 

图示:

【百度地图API】除夕夜,大家一起来赶走“夕”——删除标注功能_www.fengfly.com

 

 

代码:

 

<script type="text/javascript">
var map = new BMap.Map("mapBox");
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point,
15);
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中

marker.addEventListener(
"rightclick",function(){
map.removeOverlay(marker);
alert(
"我点击了右键,marker被删除");
});

var menu = new BMap.ContextMenu(); //添加右键菜单
var txtMenuItem = [
{
text:
'删除标注',
callback:
function(){
map.removeOverlay(marker);
}
}
];

for(var i=0; i < txtMenuItem.length; i++){
menu.addItem(
new BMap.MenuItem(txtMenuItem[i].text,txtMenuItem[i].callback,100));
}
map.addContextMenu(menu);
</script>


本文地址 : http://www.fengfly.com/plus/view-197331-1.html
标签: 百度地图 API 删除标注
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码: