<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>几何对象测试</title> <link rel="stylesheet" href="http://js.arcgis.com/3.8/js/dojo/dijit/themes/tundra/tundra.css" /> <link rel="stylesheet" href="http://js.arcgis.com/3.8/js/esri/css/esri.css" /> <link rel="stylesheet" href="js/webgis2book/widgets/themes/darkangel/darkangel.css" /> <link rel="stylesheet" href="js/webgis2book/widgets/themes/darkangel/override.css" /> <style> html, body, #mapDiv { padding: 0; margin: 0; width: 100%; height: 100%; } </style> <script> var dojoConfig = { isDebug: true, async: true, packages: [{ "name": "webgis2book", "location": location.pathname.replace(//[^/]+$/, "") + "/js/webgis2book" }] }; </script> <script src="http://js.arcgis.com/3.8/"></script> <script> var map, drawWidget = null; require(["dojo/parser", "dojo/topic", "dijit/registry", "esri/map", "esri/layers/ArcGISTiledMapServiceLayer", "webgis2book/widgets/DrawWidget", "webgis2book/widgets/Menu", "webgis2book/widgets/MenuItem", "webgis2book/widgets/WidgetContainer", "webgis2book/widgets/MenuFrame", "dojo/domReady!"], function (parser, topic, registry, Map, ArcGISTiledMapServiceLayer, DrawWidget, Menu) { parser.parse(); map = new Map("mapDiv"); var agoServiceURL = "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer"; var agoLayer = new ArcGISTiledMapServiceLayer(agoServiceURL); map.addLayer(agoLayer); createWidget(); createMenu(); function createWidget() { drawWidget = new DrawWidget(); drawWidget.setTitle("绘图工具"); drawWidget.setMap(map); drawWidget.startup(); } function createMenu() { var menuFrame = registry.byId('menuFrame'); var logoUrl = require.toUrl("webgis2book/widgets/assets/images/logo.png"); menuFrame.setFrameIcon(logoUrl); menuFrame.setTitle("菜单"); var params = { label: "工具", icon: "assets/images/icons/i_globe.png", id: "menuMap", positionAsPct: 20, visible: true }; var toolMenu = new Menu(params); toolMenu.addMenuItem({ label: "小部件测试", icon: "assets/images/icons/i_highway.png", visible: true, onMenuItemClick: testMenuItemClick }); menuFrame.addChild(toolMenu); toolMenu.startup(); } function testMenuItemClick(evt) { topic.publish("showWidget", drawWidget); } }); </script> </head> <body class="tundra"> <div id="mapDiv"> <div data-dojo-type="webgis2book/widgets/MenuFrame" id='menuFrame' style="left: 100px;"></div> <div data-dojo-type="webgis2book/widgets/WidgetContainer" id='widgetContainer'></div> </div> </body> </html>