天天看點

【百度地圖API】除夕夜,大家一起來趕走“夕”——删除标注功能

任務描述:

  農曆12月31日是中國傳統的節日——除夕。你知道除夕是怎麼來的麼?

  “夕”在中國古代神話中,可是一個專吃小孩的怪獸呢!是以,我們過春節時要放鞭炮吓走“夕”,以求平安。

  那讓我們一起來除掉那些紅色的“夕”吧!

如何實作:

  方法一、給地圖增加一個事件監聽,addEventListener,當右擊地圖時,出現右鍵菜單,可删除标注。

  方法二、給标注增加事件監聽,右鍵點選标注,即可删除。

圖示:

【百度地圖API】除夕夜,大家一起來趕走“夕”——删除标注功能

代碼:

<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(){

}

];

for(var i=0; i < txtMenuItem.length; i++){

menu.addItem(new BMap.MenuItem(txtMenuItem[i].text,txtMenuItem[i].callback,100));

map.addContextMenu(menu);

</script>

繼續閱讀