Solved! Go to Solution.
require([ "esri/map", "esri/dijit/OverviewMap", ... ], function(Map, OverviewMap, ... ) { var map = new Map( ... ); var overviewMapDijit = new OverviewMap({ map: map, attachTo: "bottom-right", color:" #D84E13", opacity: .40 }); ... });
require([ "esri/map", "esri/dijit/OverviewMap", "dojo/dom", ... ], function(Map, OverviewMap, dom, ... ) { var map = new Map( ... ); var globals; globals.overviewMapDijit = new OverviewMap({ map: map }, dom.byId('overviewMapDiv')); ... });
require([ "esri/map", "esri/dijit/OverviewMap", ... ], function(Map, OverviewMap, ... ) { var map = new Map( ... ); var overviewMapDijit = new OverviewMap({ map: map, attachTo: "bottom-right", color:" #D84E13", opacity: .40 }); ... });
require([ "esri/map", "esri/dijit/OverviewMap", "dojo/dom", ... ], function(Map, OverviewMap, dom, ... ) { var map = new Map( ... ); var globals; globals.overviewMapDijit = new OverviewMap({ map: map }, dom.byId('overviewMapDiv')); ... });
#map{ padding:0; margin:0; width:auto; height:auto; border:1px solid red; border-radius: 20px; background-color: #fff; } #HomeButton { position: absolute; top: 95px; left: 20px; z-index: 50; } #LocateButton { position: absolute; top: 135px; left: 20px; z-index: 50; }
<div id="CenterPane" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'"> <div id="MapContainer" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'top'"> <div id="map" class="map"> <div id="HomeButton"></div> <div id="LocateButton"></div> </div> </div> <div id="TabBottomContainer" data-dojo-type="dijit/layout/TabContainer" data-dojo-props="region:'bottom'"> <div data-dojo-type="dijit/layout/ContentPane" title="Boat Ramps"> <div id="info2" > <div id="grid" class="slate"></div> </div> </div> </div> </div>
This example creates a map with no slider or pan arrows.
require([
"esri/map", ...
], function(Map, ... ) {
var map = new Map("mapDiv", { slider:false, nav:false });
...
});
var app = {}; app.map = new esri.Map("map", { basemap: "topo", center: [-77.4329, 37.5410], zoom: 7, slider: false, showAttribution:false, logo: false }); var home = new HomeButton({ map: app.map }, "HomeButton"); home.startup(); var geoLocate = new LocateButton({ map: app.map }, "LocateButton"); geoLocate.startup();