百度地图给map添加右键菜单（判断是否为marker）_javascript技巧

废话不多说了，直接给大家贴代码了。

js：

var s;//经度
var w;//纬度
map.addEventListener("rightclick",function(e){
if(e.overlay){//判断右键单击的是否是marker
}else{
s = e.point.lng;//经度
w = e.point.lat;//维度
RightClick();//右键单击map出现右键菜单事件
}
});
//右键单击map出现右键菜单事件
function RightClick(){
//alert('你点击的是地图');
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);//给标记添加右键菜单
} 

登录后复制

效果：

右键单击map（非marker）

右键单击marker：

PS：百度地图给多个marker添加右键菜单（删除、更新）

js：

$.getJSON("./GetStationPlaceServlet",function(json){ 
for(var i=;i"+ "站点名称："+stationName;
openInfo(content,e);
}
});
});
}
//左键单击marker弹出窗口事件
function openInfo(content,e){
var p = e.target;
var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
var infoWindow = new BMap.InfoWindow(content,opts); // 创建信息窗口对象 
map.openInfoWindow(infoWindow,point); //开启信息窗口
}
//修改站点站名
function update(){
var stationId=$("#stationId").val();//编号
var stationName=$(".AllUpdateMassage_name").val();//名字
var json={
"StationId":stationId,
"StationName":stationName
}; 
$.getJSON("./UpdateStationServlet",{json:JSON.stringify(json)},function(json){
if(json.result==true){
alert("站点"+stationId+"站名修改成功！");
$(".AllUpdateMassage").hide();
} 
else{
alert("失败！");
}
});
}

登录后复制

效果图：

地图上和数据库中都已删除此点信息：

我在实现这个时，发现有人只能在一个marker上添加右键菜单。我这个不存在这个问题。原理好像是关于闭包啥的，我也是新手不是很清楚，望懂得人不惜指教。