博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【百度地图API】除夕夜,大家一起来赶走“夕”——删除标注功能
阅读量:6076 次
发布时间:2019-06-20

本文共 898 字,大约阅读时间需要 2 分钟。

原文:

任务描述:

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

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

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

 

如何实现:

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

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

 

图示:

2011011717202271.jpg

 

运行代码,请点击。

 

代码:

 

<
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://elxgx.baihongyu.com/

你可能感兴趣的文章
HDU1430 BFS + 打表 + 康托展开
查看>>
子网、超网和无类域间路由
查看>>
数据机构及算法基础--哈希图(hashmap)(二)
查看>>
javascript中for和for in 区别
查看>>
理解 Android Build 系统
查看>>
Rational Rose 2003 (UML画图建模工具)---安装
查看>>
作业 20181009-1 选题展示
查看>>
产生冠军 map 的 应用 .
查看>>
Differentiation 导数和变化率
查看>>
js倒计时
查看>>
C# ListBox实现显示插入最新的数据的方法
查看>>
常用字符串的格式化
查看>>
GPON和820.1p学习及资料(zt)
查看>>
洛谷P2680 运输计划(树上差分+二分)
查看>>
互联网产品接入支付功能如何测试?
查看>>
nat表使用
查看>>
Mybatis中$和#的区别
查看>>
JSON说明
查看>>
一次__libc_message的排查
查看>>
stark组件前戏(2)之单例模式
查看>>