• 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;
}

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

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.visibility);
  }
}

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

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

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

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();
}

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

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();
}

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

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

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

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

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

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

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

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

Map.setMapCursor("wait");