『實踐』百度地圖給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：