地图窗口右键功能,把如下javascript代码写入单独的脚本,直接引入map窗口所在的html页面即可:
require(["dojo/ready", "dijit/Menu", "dijit/MenuItem", "dijit/CheckedMenuItem", "dijit/MenuSeparator", "dijit/PopupMenuItem"], function(ready, Menu, MenuItem, CheckedMenuItem, MenuSeparator, PopupMenuItem){ ready(function(){ var pMenu; pMenu = new Menu({ targetNodeIds: ["map"] }); pMenu.addChild(new MenuItem({ label: "放大", onClick: function(){alert('放大')} })); pMenu.addChild(new MenuItem({ label: "缩小", onClick: function(){alert('缩小')} })); // pMenu.addChild(new MenuItem({ // label: "Menu Item With an icon", // iconClass: "dijitEditorIcon dijitEditorIconCut", // onClick: function(){alert('i was clicked')} // })); // pMenu.addChild(new CheckedMenuItem({ // label: "checkable menu item" // })); // pMenu.addChild(new MenuSeparator()); // var pSubMenu = new Menu(); // pSubMenu.addChild(new MenuItem({ // label: "Submenu item" // })); // pSubMenu.addChild(new MenuItem({ // label: "Submenu item" // })); // pMenu.addChild(new PopupMenuItem({ // label: "Submenu", // popup: pSubMenu // })); pMenu.startup(); }); });
<span id="map">Right click me to get a menu</span>
具体可以参考:http://dojotoolkit.org/reference-guide/1.7/dijit/Menu.html,该网站实在是屌爆了。
dojo.require("dijit.Menu");
var pMenu;
dojo.ready(function(){
pMenu = new dijit.Menu({
targetNodeIds:["prog_menu"]
});
pMenu.addChild(new dijit.MenuItem({
label:"Simple menu item"
}));
pMenu.addChild(new dijit.MenuItem({
label:"Disabled menu item",
disabled: true
}));
pMenu.addChild(new dijit.MenuItem({
label:"Menu Item With an icon",
iconClass:"dijitEditorIcon dijitEditorIconCut",
onClick: function(){alert('i was clicked')}
}));
pMenu.addChild(new dijit.CheckedMenuItem({
label: "checkable menu item"
}));
pMenu.addChild(new dijit.MenuSeparator());
var pSubMenu = new dijit.Menu();
pSubMenu.addChild(new dijit.MenuItem({
label:"Submenu item"
}));
pSubMenu.addChild(new dijit.MenuItem({
label:"Submenu item"
}));
pMenu.addChild(new dijit.PopupMenuItem({
label:"Submenu",
popup:pSubMenu
}));
pMenu.startup();
});
<span id="prog_menu">Right click me to get a menu</span>