百度地图,marker添加右键菜单

<!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" οnclick="add1()"/>
<input type="button" value="确定2" οnclick="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

    var removeMarker = function(e,ee,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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值