百度地圖,marker新增右鍵選單
阿新 • • 發佈：2019-01-02
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=FB14a133b9bf40fec90d36c84fb4dd13"></script>
</head>
<body>
<input type="button" value="確定1" onclick="add1()"/>
<input type="button" value="確定2" onclick="add2()"/>
<div style="width:600px;height:340px;border:1px solid gray;" id="container"></div>
</body>
</html>
<script type="text/javascript">
//啟用滾輪縮放
var map= new BMap.Map("container");
var mPoint= new BMap.Point(104.0746960000, 30.6303290000);
map.centerAndZoom(mPoint, 16);
alert(e);
alert(ee.lng);
//map.removeOverlay(marker);
}
var alertMarker= function(e,ee,marker){
alert(2);
}
function newMarker(lng,lat){
var test="hello";
var marker = new BMap.Marker(new BMap.Point(lng, lat));
var markerMenu=new BMap.ContextMenu();
markerMenu.addItem(new BMap.MenuItem('刪除111',removeMarker.bind(marker,test)))
markerMenu.addItem(new BMap.MenuItem('刪22111',alertMarker.bind(marker)));
map.addOverlay(marker);
marker.addContextMenu(markerMenu);
return marker;
}
function add1(){
newMarker(104.0746960000, 30.6303290000);
}
function add2(){
newMarker(104.0756120000,30.6304450000);
}
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=FB14a133b9bf40fec90d36c84fb4dd13"></script>
</head>
<body>
<input type="button" value="確定1" onclick="add1()"/>
<input type="button" value="確定2" onclick="add2()"/>
<div style="width:600px;height:340px;border:1px solid gray;" id="container"></div>
</body>
</html>
<script type="text/javascript">
//啟用滾輪縮放
var map= new BMap.Map("container");
var mPoint= new BMap.Point(104.0746960000, 30.6303290000);
map.centerAndZoom(mPoint, 16);
map.enableScrollWheelZoom();
//e（如果自己有傳引數的話表示自己傳過來的引數 ee表示覆蓋物（有經緯度）marker表示繫結的marker
//e（如果自己沒有傳引數的話表示表示覆蓋物（有經緯度） ee為undefined marker表示繫結的marker
alert(e);
alert(ee.lng);
//map.removeOverlay(marker);
}
var alertMarker= function(e,ee,marker){
alert(2);
}
function newMarker(lng,lat){
var test="hello";
var marker = new BMap.Marker(new BMap.Point(lng, lat));
var markerMenu=new BMap.ContextMenu();
markerMenu.addItem(new BMap.MenuItem('刪除111',removeMarker.bind(marker,test)))
markerMenu.addItem(new BMap.MenuItem('刪22111',alertMarker.bind(marker)));
map.addOverlay(marker);
marker.addContextMenu(markerMenu);
return marker;
}
function add1(){
newMarker(104.0746960000, 30.6303290000);
}
function add2(){
newMarker(104.0756120000,30.6304450000);
}
</script>