国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

百度地圖給map添加右鍵菜單(判斷是否為marker)

2019-11-20 10:27:05
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

廢話(huà)不多說(shuō)了,直接給大家貼代碼了。

js:

var s;//經(jīng)度var w;//緯度map.addEventListener("rightclick",function(e){if(e.overlay){//判斷右鍵單擊的是否是marker}else{s = e.point.lng;//經(jīng)度w = e.point.lat;//維度RightClick();//右鍵單擊map出現(xiàn)右鍵菜單事件}});//右鍵單擊map出現(xiàn)右鍵菜單事件function RightClick(){//alert('你點(diǎn)擊的是地圖');var createMarker = function(map){//右鍵更新站名if (confirm("要新建站點(diǎn)嗎?")){if(true){$(".AllSetMassage").show();}} };var markerMenu=new BMap.ContextMenu();markerMenu.addItem(new BMap.MenuItem('新建站點(diǎn)',createMarker.bind(map)));map.addContextMenu(markerMenu);//給標(biāo)記添加右鍵菜單} 

效果:

右鍵單擊map(非marker)


右鍵單擊marker:

PS:百度地圖給多個(gè)marker添加右鍵菜單(刪除、更新)

js:

$.getJSON("./GetStationPlaceServlet",function(json){ for(var i=;i<json.length;i++){var obj = eval(json);//獲取經(jīng)緯度f(wàn)Stationlon = parseFloat(obj[i].Stationlon);fStationlat = parseFloat(obj[i].Stationlat); var pt = new BMap.Point(fStationlon,fStationlat);var myIcon = new BMap.Icon("photo/station.png",new BMap.Size(,),{ anchor: new BMap.Size(, ) });var marker = new BMap.Marker(pt,{icon:myIcon}); // 創(chuàng)建標(biāo)注map.addOverlay(marker); //將標(biāo)注添加到地圖中var strRes = parseFloat(obj[i].StationId);addClickHandler(strRes,marker);//左鍵單擊marker事件RightClickHandler(strRes,marker);//右鍵單擊marker出現(xiàn)右鍵菜單事件RightClick();//右鍵地圖出現(xiàn)右鍵菜單事件}});//右鍵單擊marker出現(xiàn)右鍵菜單事件function RightClickHandler(stationId,marker){var removeMarker = function(e,ee,marker){//右鍵刪除站點(diǎn)var json={"StationId":stationId,};if (confirm("要?jiǎng)h除站點(diǎn)"+stationId+"嗎?")){if(true){$.getJSON("./DeleteStationServlet",{json:JSON.stringify(json)},function(json){if(json.result==true){alert("刪除站點(diǎn)"+stationId+"成功!");map.removeOverlay(marker); //將地圖中的標(biāo)記刪除} });}} };var updateMarker = function(marker){//右鍵更新站名if (confirm("要修改站點(diǎn)"+stationId+"的站名嗎?")){if(true){$(".AllUpdateMassage").show();$("#stationId").val(stationId);}} };var markerMenu=new BMap.ContextMenu();markerMenu.addItem(new BMap.MenuItem('刪除站點(diǎn)',removeMarker.bind(marker)));markerMenu.addItem(new BMap.MenuItem('修改站名',updateMarker.bind(marker)));marker.addContextMenu(markerMenu);//給標(biāo)記添加右鍵菜單}//鼠標(biāo)左鍵單擊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=;i<json.length;i++){var obj = eval(json);stationName = obj[i].stationName;var content = "站點(diǎn)編號(hào):"+stationId+"<br/>"+ "站點(diǎn)名稱(chēng):"+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); // 創(chuàng)建信息窗口對(duì)象 map.openInfoWindow(infoWindow,point); //開(kāi)啟信息窗口}//修改站點(diǎn)站名function update(){var stationId=$("#stationId").val();//編號(hào)var stationName=$(".AllUpdateMassage_name").val();//名字var json={"StationId":stationId,"StationName":stationName}; $.getJSON("./UpdateStationServlet",{json:JSON.stringify(json)},function(json){if(json.result==true){alert("站點(diǎn)"+stationId+"站名修改成功!");$(".AllUpdateMassage").hide();} else{alert("失敗!");}});}

效果圖:


地圖上和數(shù)據(jù)庫(kù)中都已刪除此點(diǎn)信息:

我在實(shí)現(xiàn)這個(gè)時(shí),發(fā)現(xiàn)有人只能在一個(gè)marker上添加右鍵菜單。我這個(gè)不存在這個(gè)問(wèn)題。原理好像是關(guān)于閉包啥的,我也是新手不是很清楚,望懂得人不惜指教。

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 双流县| 丹巴县| 和平县| 华安县| 营口市| 商南县| 金山区| 富阳市| 荔浦县| 饶阳县| 岳普湖县| 夹江县| 柏乡县| 凭祥市| 阜新| 苏尼特左旗| 中宁县| 陕西省| 吴堡县| 孝昌县| 郎溪县| 如皋市| 宁夏| 临安市| 英吉沙县| 元阳县| 吴川市| 昭苏县| 马公市| 罗定市| 黄龙县| 北辰区| 丰镇市| 安阳县| 临邑县| 调兵山市| 寿宁县| 巨野县| 乃东县| 左贡县| 双牌县|