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

时间:2023-03-09 16:07:48
『实践』百度地图给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)

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

右键单击marker:

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