|
6#
发表于 2015-11-17 15:56:12
|
只看该作者
本楼为最佳答案
不支持通过id删除。使用方法参考demo:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>默认右键菜单</title>
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main.css?v=1.0" />
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key="></script>
</head>
<body>
<div id="mapContainer"></div>
<div id="tip">地图上右击鼠标,弹出右键菜单</div>
<div class="button-group">
<input type="button" class="button" value="remove" onClick="contextMenu.removeItem('缩小一级', zoom)"/>
</div>
<script type="text/javascript">
var map = new AMap.Map("mapContainer", {
resizeEnable: true
});
var contextMenu = new AMap.ContextMenu(); //创建右键菜单
var zoom = function() {
map.zoomOut();
}
//右键放大
contextMenu.addItem("放大一级", function() {
map.zoomIn();
}, 0);
//右键缩小
contextMenu.addItem("缩小一级", zoom, 1);
//右键显示全国范围
contextMenu.addItem("缩放至全国范围", function(e) {
map.setZoomAndCenter(4, [108.946609, 34.262324]);
}, 2);
//地图绑定鼠标右击事件——弹出右键菜单
map.on('rightclick', function(e) {
contextMenu.open(map, e.lnglat);
contextMenuPositon = e.lnglat;
});
</script>
</body>
</html>
|
|