<!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>
