『实践』百度地图给map添加右键菜单（判断是否为marker）

 

var map;
var s;//经度
var w;//纬度
$(document).ready(function(){    
    $(".mune").load("jsp/common.jsp");
    map = new BMap.Map("container");         
    var point = new BMap.Point(121.577382, 29.874545);      //++江东区中心的坐标
    map.centerAndZoom(point, 15);                            //++设置为中心点
    map.enableScrollWheelZoom(true); //启用滚轮放大缩小
    map.setDefaultCursor("crosshair");  
    opts = {
            width : 200,     // 信息窗口宽度
            height: 80,     // 信息窗口高度
            title : "站点信息" , // 信息窗口标题
            enableMessage:true//设置允许信息窗发送短息
    };
    
    
    $.getJSON("./GetStationPlaceServlet",function(json){  
        for(var i=0;i<json.length;i++){
            var obj1 = eval(json);
            //获取经纬度
            fStationlon = parseFloat(obj1[i].Stationlon);
            fStationlat = parseFloat(obj1[i].Stationlat);    
            var pt = new BMap.Point(fStationlon,fStationlat);
            var myIcon = new BMap.Icon("photo/station.png",new BMap.Size(22,22));
              var marker = new BMap.Marker(pt,{icon:myIcon}); // 创建标注
              map.addOverlay(marker);          //将标注添加到地图中
            var strRes = parseFloat(obj1[i].StationId);
            addClickHandler(strRes,marker);//左键单击marker事件
            RightClickHandler(strRes,marker);//右键单击marker出现右键菜单事件
            
            
        }
    });
    map.addEventListener("rightclick",function(e){
        if(e.overlay){//判断右键单击的是否是marker
            
        }else{
            s = e.point.lng;//经度
            w = e.point.lat;//维度
            RightClick();//右键单击map出现右键菜单事件
        }
    });
});    

//右键单击map出现右键菜单事件
function RightClick(){
    var createMarker = function(map){//右键更新站名
        if (confirm("要新建站点吗？")){
            if(true){
                $(".AllSetMassage").show();
            }
        }    
    };
    var markerMenu=new BMap.ContextMenu();
    markerMenu.addItem(new BMap.MenuItem('新建站点',createMarker.bind(map)));
    map.addContextMenu(markerMenu);//给标记添加右键菜单
}

//右键单击marker出现右键菜单事件
function RightClickHandler(stationId,marker){
    var removeMarker = function(e,ee,marker){//右键删除站点
            var json={
                    "StationId":stationId,
            };
            if (confirm("要删除站点"+stationId+"吗？")){
                if(true){
                    $.getJSON("./DeleteStationServlet",{json:JSON.stringify(json)},function(json){
                        if(json.result==true){
                            alert("删除站点"+stationId+"成功！");
                            map.removeOverlay(marker);               //将地图中的标记删除
                        }        
                    });
                }
            }    
    };
    var updateMarker = function(marker){//右键更新站名
        if (confirm("要修改站点"+stationId+"的站名吗？")){
            if(true){
                $(".AllUpdateMassage").show();
                $("#stationId").val(stationId);
            }
        }    
    };
    var markerMenu=new BMap.ContextMenu();
    markerMenu.addItem(new BMap.MenuItem('删除站点',removeMarker.bind(marker)));
    markerMenu.addItem(new BMap.MenuItem('修改站名',updateMarker.bind(marker)));
    marker.addContextMenu(markerMenu);//给标记添加右键菜单
}

效果：

右键单击map（非marker）

右键单击marker：