<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> <title>JavaScript API 3.3 Test</title> <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/dojo/dijit/themes/claro/claro.css"/> <style> html, body, #container { width: 100%; height: 100%; } #top { height: 100px; background-color: #3f76ab; } #trailing { padding-left: 20px; width: 200px; background-color: #3f76ab; } </style> <script type="text/javascript"> var dojoConfig = { parseOnLoad: false }; </script> <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.3"></script> <script type="text/javascript"> require( [ "dojo/parser", "esri/map", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/domReady!" ], function( parser ) { // BEGIN dojo require parser.parse(); var initExtent = new esri.geometry.Extent({ "xmin": -14471533.80312532, "ymin": 2273030.9269876485, "xmax": -6901808.429182845, "ymax": 7170156.293999778, "spatialReference": { "wkid": 3857 } }); var themap = new esri.Map("map_canvas", { extent: initExtent, wrapAround180: true }); // Default basemap configuration: var basemap = new esri.layers.ArcGISTiledMapServiceLayer("http://services.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer"); themap.addLayer(basemap); }); </script> </head> <body class="claro"> <div id="container" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props='gutters:false'> <div id="top"data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'top', layoutPriority: 1"> top stuff </div> <div id="trailing" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="region: 'trailing', layoutPriority: 2"> layer list </div> <div id="center" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region: 'center'"> <div id="map_canvas" data-dojo-type="dijit/layout/ContentPane"></div> </div> </div> </body> </html>
Solved! Go to Solution.
<link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/esri/css/esri.css">
<link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/esri/css/esri.css">