百度地图给多个marker添加右键菜单(删除、更新)
2016-03-03 15:53
666 查看
js:
$.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(50,50),{ anchor: new BMap.Size(10, 10) }); 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出现右键菜单事件 RightClick();//右键地图出现右键菜单事件 } }); //右键单击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);//给标记添加右键菜单 } //鼠标左键单击marker事件 function addClickHandler(stationId,marker){ marker.addEventListener("click",function(e){ var p = marker.getPosition(); //获取marker的位置 var staId={ "StationId":stationId, }; $.getJSON("./GetStationInfoServlet",{json:JSON.stringify(staId)},function(json){ for(var i=0;i<json.length;i++){ var obj1 = eval(json); stationName = obj1[i].stationName; var content = "站点编号:"+stationId+"<br/>"+ "站点名称:"+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上添加右键菜单。我这个不存在这个问题。原理好像是关于闭包啥的,我也是新手不是很清楚,望懂得人不惜指教。
相关文章推荐
- lua调用的c函数模块命名规则
- 怎样使用Secure CRT查看vcenter和esxi主机的日志文件
- 模糊搜索(searchBar)
- Android数据存储之SharedPreferences 共享首选项/偏好设置
- 将PHP程序中返回的JSON格式数据用gzip压缩输出的方法
- iOS开发-进阶:JSPatch 实现原理详解
- 用GPUImage做自己的滤镜
- Android 开发绕不过的坑:你的 Bitmap 究竟占多大内存?
- Android Studio在项目中添加assets资源目录
- 输入三个数a,b,c,要示按由小到大的顺序输出
- C语言(一)
- aop
- java修饰符作用域
- (十二)模板模式-代码实现
- SpringMVC的Action在同一时间里只允许同一个浏览器的单次进入?
- 9个有用的和免费的工具来支持动态网页开发
- Ddr2,ddr3,ddr4内存条的读写速率
- 如何在jmeter中调用自己写的java工具包
- cocoapods 安装
- 用链表实现栈