• In this example, a new map named "mymap" is created and will be placed inside a container named "mapDiv".
  

  var myMap;
  function init() {
    //create map
    myMap = new esri.Map("mapDiv");
  
    ...
  }
  

  Later in the code, the map container is referenced in the DIV id.
  

  <div id="mapDiv" style="width:600px; height:600px; border:1px solid #000;"></div>
  

• In this second example, the optional extent parameter is also included in the constructor.
  

  var myMap = new esri.Map("mapDiv", { extent: new esri.geometry.Extent
  (-124.71, 31.89, -113.97, 42.63) });
  

• This example creates a map with no slider or pan arrows.

  var myMap = new esri.Map("mapDiv", { slider:false, nav:false });
  

• In this example, graphics are turned off whenever the map is panned.

  var myMap = new esri.Map("mapDiv", { displayGraphicsOnPan:false });
  

  
  If you want the graphics turned off during a pan only for Internet Explorer, use the following constructor:

  var myMap = new esri.Map("mapDiv", { displayGraphicsOnPan:! dojo.isIE });
  

function showExtent() {
  var s = "";
  s = "XMin: "+ myMap.extent.xmin
      +" YMin: " + myMap.extent.ymin
      +" XMax: " + myMap.extent.xmax
      +" YMax: " + myMap.extent.ymax;
      dojo.byId("info").innerHTML = s;
}

dojo.connect(map, "onExtentChange", function(){
  var geo = map.geographicExtent;
  console.log(geo.xmin, geo.ymin, geo.xmax, geo.ymax);
});

 
 dojo.connect(map, "onLoad", function() { ShowLocation(-81.3765, 28.54175); });   

 function ShowLocation(x, y) 
{
  var point = new esri.geometry.Point(x, y, new esri.SpatialReference({wkid:4326}));

  var simpleMarkerSymbol = new esri.symbol.SimpleMarkerSymbol();
  var graphic = new esri.Graphic(point, simpleMarkerSymbol);
  
  map.graphics.add(graphic);
}

function getMapWidthHeight() {
  alert("Width = " + myMap.width + "; Height = " + myMap.height);
}  

var myMap = new esri.Map("mapDiv");

function stopClickRecenter() {
  myMap.disableClickRecenter();
  dojo.byId("stopClickRecenter").value = myMap.isClickRecenter;
}

dojo.byId("theDoubleClickZoom").value = myMap.isDoubleClickZoom;

dojo.byId("keyboardNavigationStatus").value = myMap.isKeyboardNavigation;

dojo.byId("panStatus").value = myMap.isPan;

dojo.byId("checkRubberBandZoom").value = myMap.isRubberBandZoom;

function stopScrollWheelZoom() {
  myMap.disableScrollWheelZoom();
  dojo.byId("stopScrollWheelZoom").value = myMap.isScrollWheelZoom;
}

dojo.byId("theShiftDoubleClickZoom").value = myMap.isShiftDoubleClickZoom;

function getLayerProperties() {
  for(var j = 0; j < map.layerIds.length; j++) {
    var layer = map.getLayer(map.layerIds[j]);
    alert(layer.id + ' ' + layer.opacity + ' ' + layer.visible);
  }
}

var snappingManager = map.snappingManager();

function getMapWidthHeight() {
  alert("Width = " + myMap.width + "; Height = " + myMap.height);
}  

var baseMapLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer");
map.addLayer(baseMapLayer);

Adds multiple layers to a map. The array order corresponds to the layer order in the client side map. The onLayerAddResult event fires for each layer that is added. Once all the layers are added to the map the onLayersAddResult fires.

 var basemap = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer");
 var statesLayer= new esri.layers.ArcGISDynamicMapServiceLayer("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer");
 map.addLayers([basemap,statesLayer]);

map.centerAndZoom(location,12);

map.centerAt(evt.mapPoint);

map.destroy();

function init() {
  myMap = new esri.Map("mapDiv");
  myMap.disableClickRecenter();
}

function init() {
  myMap = new esri.Map("mapDiv");
  myMap.disableDoubleClickZoom();
}

function init() {
  myMap = new esri.Map("mapDiv");
  myMap.disableKeyboardNavigation();
}

function noPan() {
  myMap.disablePan();
}

function noRubberBand() {
  myMap.disableRubberBandZoom();
}

function stopScrollWheelZoom() {
  myMap.disableScrollWheelZoom();
  dojo.byId("stopScrollWheelZoom").value = myMap.isScrollWheelZoom;
}

function init() {
  myMap = new esri.Map("mapDiv");
  myMap.disableShiftDoubleClickZoom();
}

map.disableSnapping();

function okClickRecenter() {
  myMap.enableClickRecenter();
}

function okDoubleClickZoom() {
  myMap.enableDoubleClickZoom();
}

function init() {
  myMap = new esri.Map("mapDiv");
  myMap.enableKeyboardNavigation();
}

function panAgain() {
  myMap.enablePan();
}

function allowRubberBand() {
  myMap.enableRubberBandZoom();
}

function allowScrollWheelZoom() {
  myMap.enableScrollWheelZoom();
}

function okShiftDoubleClickZoom() {
  myMap.enableShiftDoubleClickZoom();
}

map.enableSnapping();

//get the layer using the layer id
var incidentLayer = map.getLayer("incidentLayer");
//get the layer using the layer index
var layer = map.getLayer(map.layerIds[j]);

  var layers = map.getLayersVisibleAtScale(map.getScale());
  dojo.forEach(layers,function(layer){
    console.log(layer.id);
  });

var currentScale = map.getScale();
console.log('Scale: ' + currentScale);

function south() {
  myMap.panDown();
}

function west() {
  myMap.panLeft();
}

function southWest() {
  myMap.panLowerLeft();
}

function southEast() {
  map.panLowerRight();
}

function east() {
  map.panRight();
}

function north() {
  map.panUp();
}

function northWest() {
  myMap.panUpperLeft();
}

function northEast() {
  map.panUpperRight();
}

map.addLayer(cityLayer);
map.reorderLayer(cityLayer,1);

var resizeTimer;
dojo.connect(map, 'onLoad', function(theMap) {
  dojo.connect(dijit.byId('map'), 'resize', function() {  //resize the map if the div is resized
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout( function() {
      map.resize();
      map.reposition();
    }, 500);
  });
});

var taxLotExtent = selectedTaxLot.geometry.getExtent();
map.setExtent(taxLotExtent);

map.setLevel(10);

map.setMapCursor("wait");

map.setMapCursor("url(custom.cur),auto");

var timeExtent = new esri.TimeExtent();
timeExtent.startTime = new Date("1/1/1989 UTC");
map.setTimeExtent(timeExtent);

map.setTimeSlider(timeSlider);

var screenPoint = map.toScreen(feature.geometry.getExtent().getCenter());