地图支持右键菜单,您可以在地图上添加自定义内容的右键菜单。
通过map.addContextMenu(menu)方法来向地图添加自定义右键菜单。
var map = new BMap.Map("container"); // 创建地图实例var point = new BMap.Point(116.404, 39.915); // 设置中心点坐标map.centerAndZoom(point, 12); // 设置地图级别
通过创建BMap.MenuItem实例来定义菜单项。
var menu = new BMap.ContextMenu();var txtMenuItem = [{text:'放大', // 定义菜单项的显示文本callback: function () { // 定义菜单项点击触发的回调函数map.zoomIn();}},{text:'缩小',callback: function () {map.zoomOut();}}];for(var i = 0; i < txtMenuItem.length; i++){menu.addItem(new BMap.MenuItem( // 定义菜单项实例txtMenuItem[i].text, // 传入菜单项的显示文本txtMenuItem[i].callback, // 传入菜单项的回调函数{width: 300, // 指定菜单项的宽度id: 'menu' + i // 指定菜单项dom的id}));}
使用 map.addContextMenu(menu) 方法给地图添加右键菜单。
map.addContextMenu(menu); // 给地图添加右键菜单
上一篇
下一篇