Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developers.arcgis.com/en/javascript/jsapi/map-amd.html below:

Map | API Reference | ArcGIS API for JavaScript 3.46

require(["esri/map"], function(Map) { /* code goes here */ });

(Added at v1.0)

The Map class creates a container and required DOM structure for adding

,

, an

, and other

.

Typically, a map is added to a page using a DIV. The map's width and height are initialized to those of the DIV container.

The load event is fired after the first layer has been added to the map. At this point, the map is fully functional. A Map.on("load") handler function should be used to add content and change map behaviors.

For an introduction on using the Map class, see Adding a map.

Search for

that use this class.

esri/map | Download source

.esriAttribution{
  color:#B20000 !important;
  font-weight:bold;
}

.esriAttributionOpen{
  font-style:italic;
}

[ On Style Events | Connect Style Event ]

All On Style event listeners receive a single event object. Additionally, the event object also contains a 'target' property whose value is the object which fired the event.

{
  current: <Object>,
  previous: <Object>
}

{
  map: <Map>
}

{
  delta: <Point>,
  extent: <Extent>,
  levelChange: <Boolean>,
  lod: <LOD>
}

{
  layer: <Layer>
}

{
  error: <Error>,
  layer: <Layer>
}

{
  layer: <Layer>
}

{
  index: <Number>,
  layer: <Layer>
}

{
  layer: <Layer>
}

{
  layer: <Layer>
}

{
  layers: <Object[]>
}

{
  layerIds: <String[]>
}

{
  map: <Map>
}

{
  delta: <Point>,
  extent: <Extent>
}

{
  delta: <Point>,
  extent: <Extent>
}

{
  extent: <Extent>
}

{
  x: <Number>,
  y: <Number>
}

{
  extent: <Extent>,
  height: <Number>,
  width: <Number>
}

{
  timeExtent: <TimeExtent>
}

{
  map: <Map>
}

{
  error: <Error>
}

{
  anchor: <Point>,
  extent: <Extent>,
  zoomFactor: <Number>
}

{
  anchor: <Point>,
  extent: <Extent>,
  level: <Number>,
  zoomFactor: <Number>
}

{
  anchor: <Point>,
  extent: <Extent>,
  level: <Number>,
  zoomFactor: <Number>
}

Constructor Details

Creates a new map inside of the given HTML container, which is often a DIV element. The size of the map is the size of the container. The Map constructor can also include optional parameters.

require([
  "esri/map", "esri/geometry/Extent", "esri/layers/ArcGISDynamicMapServiceLayer"
], function(Map, Extent, ArcGISDynamicMapServiceLayer) {
  var map = new Map("map", {
    extent: new Extent({xmin:-20959118,ymin:-9819082,xmax:20959118,ymax:9819082,spatialReference:{wkid:8859}}) // WGS_1984_Equal_Earth_Asia_Pacific
  });
  var dynamicMSLayer = new ArcGISDynamicMapServiceLayer("https://sampleserver6.arcgisonline.com/arcgis/rest/services/SampleWorldCities/MapServe");
  map.addLayer(dynamicMSLayer);
});

require([
  "esri/map", ... 
], function(Map, ... ) {
  var map = new Map("map",{
    extent: initExtent,
    fadeOnZoom: true
  });
  ...
});

require([
  "esri/map", ... 
], function(Map, ... ) {
  var map = new Map("map",{ extent: initExtent, fitExtent: true });
  ...
});

  map = new esri.Map("map",{
    extent:initExtent,
    force3DTransforms:true
  });

require([
  "esri/map", ... 
], function(Map, ... ) {
  var map = new Map("map",{
    extent: initExtent,
    force3DTransforms: true
  });
  ...
});

require([
  "esri/map", "esri/dijit/InfoWindow", "dojo/dom-construct", "dojo/dom", ... 
], function(Map, InfoWindow, domConstruct, dom, ... ) {
  var infoWindow = new InfoWindow({
    domNode: domConstruct.create("div", null, dom.byId("map"))
  }); 

  var map = new Map("map", {
    extent: initExtent,
    infoWindow: infoWindow
  });
  ...
});

require([
  "esri/map", ... 
], function(Map, ... ) {
  var lods = [
    {"level" : 0, "resolution" : 0.010986328125, "scale" : 4617149.97766929},
    {"level" : 1, "resolution" : 0.0054931640625, "scale" : 2308574.98883465},
    {"level" : 2, "resolution" : 0.00274658203125, "scale" : 1154287.49441732},
    {"level" : 3, "resolution" : 0.001373291015625, "scale" : 577143.747208662},
    {"level" : 4, "resolution" : 0.0006866455078125, "scale" : 288571.873604331}
  ];

  var map = new Map("map", {
    lods: lods
  });
  ...
});

require([
  "esri/map", ... 
], function(Map, ... ) {
  map = new Map("map", {
    extent: initExtent,
    logo:false
  });
  ...
});

require([
  "esri/map", ... 
], function(Map, ... ) {
  var map = new Map("map",{
    extent: initExtent,
    navigationMode: 'classic'
  });
  ...
});

• Map spatial reference is WGS84 or Web Mercator
• The tiling scheme is either the pre-9.3 ArcGIS Online (4326) tiling scheme or ArcGIS/Google Maps/ Bing tiling scheme.
• Dynamic services must be version 10 or greater.

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

  require([
    "esri/map", ... 
  ], function(Map, ... ) {
    var map = new 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.
  

  require([
    "esri/map", "esri/geometry/Extent", ... 
  ], function(Map, Extent, ... ) {
    var map = new Map("mapDiv", { extent: new Extent(-124.71, 31.89, -113.97, 42.63) });
    ...
  });
  

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

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

  require([
    "esri/map", ... 
  ], function(Map, ... ) {
    var map = new Map("mapDiv", { displayGraphicsOnPan:false });
    ...
  });
  

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

  require([
    "esri/map", ... 
  ], function(Map, ... ) {
    var map = new Map("mapDiv", { displayGraphicsOnPan:! dojo.isIE });
    ...
  });
  

Property Details

Reference to the attribution widget created by the map when map attribution is enabled. (Added at v3.1)

Value is true when the map automatically resizes if the browser window or ContentPane widget enclosing the map is resized. Otherwise false. Added at v.3.3.

Known values: true | false

The background color "behind" the map. (Added at v3.20)

An array of IDs corresponding to the layers that make up the map's current basemap. (Added at v3.3)

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

Indicates if the fade effect is enabled while zooming. Only applicable when navigationMode is set to 'css-transforms'. (Added at v2.6)

Known values: true | false

Default value: true

When the

mode is set to 'css-transforms', CSS3

will be used for map navigation when supported by the browser. It is recommended that you let the map determine when to enable transformations to avoid running into a known issue (https://code.google.com/p/chromium/issues/detail?id=105227) with scrollbar rendering on Chrome on Windows XP.

Known values: true | false

The extent (or bounding box) of the map in geographic coordinates. Available only when the map's spatial reference is Web Mercator or Geographic (wkid 4326).  (Added at v3.3)

require(["esri/map"], function(Map) {
  var map = new Map( ... );
  map.on("extent-change", function(){
    var geo = map.geographicExtent;
    console.log(geo.xmin, geo.ymin, geo.xmax, geo.ymax);
  });
  ...
});

Provides access to the Map's GraphicsLayer. The graphics object is available to use after the Map.onLoad event.

require([
  "esri/map", "esri/geometry/Point", "esri/SpatialReference",
  "esri/symbols/SimpleMarkerSymbol", "esri/graphic", ... 
], function(Map, Point, SpatialReference, SimpleMarkerSymbol, Graphic, ... ) {
  var map = new Map( ... );
  map.on("load", function() { ShowLocation(-81.3765, 28.54175); });

  function ShowLocation(x, y) {
    var point = new Point(x, y, new SpatialReference({wkid:4326}));
    var simpleMarkerSymbol = new SimpleMarkerSymbol();
    var graphic = new Graphic(point, simpleMarkerSymbol);

    map.graphics.add(graphic);
  };
  ...
});

Current height of the map in screen pixels. This property is read-only. The height and width of the map are normally set in the HTML DIV or other HTML element containing the map container.

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

Reference to HTML DIV or other element where the map is placed on the page. This property is set in the Map constructor.

require([
  "esri/map", ... 
], function(Map, ... ) {
  var map = new Map("mapDiv");
  ...
});

Displays the InfoWindow on a map. Default value is an instance of a Popup.

When true, the key sequence of

then

to recenter the map is enabled. See

for more details.

Known values: true | false

Default value: true

require([
  "esri/map", "dojo/dom", ... 
], function(Map, dom, ... ) {
  function stopClickRecenter() {
    var map = new Map( ... );
    map.disableClickRecenter();
    dom.byId("stopClickRecenter").value = map.isClickRecenter;
  };
  ...
});

When true, double click zoom is enabled. This allows a user to zoom and recenter the map by double clicking the mouse. See

for more details.

Known values: true | false

Default value: true

require([
  "esri/map", "dojo/dom", ... 
], function(Map, dom, ... ) {
  var map = new Map( ... );
  dom.byId("theDoubleClickZoom").value = map.isDoubleClickZoom;
  ...
});

When true, keyboard navigation is enabled. This allows users to pan the keyboard using the arrow keys and to zoom using the + and - keys. See

for more details.

Known values: true | false

Default value: true

require([
  "esri/map", "dojo/dom", ... 
], function(Map, dom, ... ) {
  var map = new Map( ... );
  dom.byId("keyboardNavigationStatus").value = map.isKeyboardNavigation;
  ...
});

Indicates whether all map navigation is enabled. See

for more details.

Default value: true

When true, map panning is enabled using the mouse. See

for more details.

Known values: true | false

Default value: true

require([
  "esri/map", "dojo/dom", ... 
], function(Map, dom, ... ) {
  var map = new Map( ... );
  dom.byId("panStatus").value = map.isPan;
  ...
});

When true, pan arrows are displayed around the edge of the map. In addition, the Map's

constructor property must be set to

. See

for more details.

Known values: true | false

Default value: false

Indicates whether pinch zoom navigation is enabled on touch-enabled devices. (Added at v3.21)

Default value: true

When true, rubberband zoom is enabled. This allows users to draw a bounding box zoom area using the mouse. See

for more details.

Known values: true | false

Default value: true

require([
  "esri/map", "dojo/dom", ... 
], function(Map, dom, ... ) {
  var map = new Map( ... );
  dom.byId("checkRubberBandZoom").value = map.isRubberBandZoom;
  ...
});

It indicates whether map navigation based on mouse scroll wheel is enabled. This property controls both pan and zoom actions and should be used in place of

.

Default value: true

When true, the mouse scroll wheel zoom is enabled. It indicates whether map navigation based on mouse scroll wheel is enabled. Beginning in version 3.21, the

property was introduced. This property controls both pan and zoom actions and should be used in place of

. See

for more details.

Known values: true | false

Default value: true

require([
  "esri/map", "dojo/dom", ... 
], function(Map, dom, ... ) {
  var map = new Map( ... );
  function stopScrollWheelZoom() {
    map.disableScrollWheelZoom();
    dom.byId("stopScrollWheelZoom").value = map.isScrollWheelZoom;
  };
  ...
});

When true, shift double click zoom is enabled. This allows a user to zoom and recenter the map by shift + double clicking the mouse. See

for more details.

Known values: true | false

Default value: true

require([
  "esri/map", "dojo/dom", ... 
], function(Map, dom, ... ) {
  var map = new Map( ... );
  dom.byId("theShiftDoubleClickZoom").value = map.isShiftDoubleClickZoom;
  ...
});

When true, the zoom slider is displayed on the map. See

for more details.

Known values: true | false

Default value: true

Array of IDs corresponding to layers in the map, except for GraphicsLayers and FeatureLayers, which are maintained in map.graphicsLayerIds.

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

After the first layer is loaded, the value is set to true.

Known values: true | false

Indicates whether the map uses CSS3 transformations when panning and zooming. In 'css-transform' mode the map will use CSS3 transformations, if supported by the browser, to provide a smoother experience while panning and zooming the map. (Added at v2.6)

Known values: 'classic' | 'css-transforms'

This point geometry in screen coordinates represent the top-left corner of the map container. This coordinate also acts as the origin for all screen coordinates returned by

and

events.

The DOM node that contains the container of layers, build-in info window, logo and slider. (Added at v2.2)

When true, map attribution is enabled. For additional information on working with attribution please visit the official

documentation.

Known values: true | false

If snapping is enabled on the map using

this property provides access to the

. The snapping manager's

method can be used to modify the target snapping layers.

require([
  "esri/map", ... 
], function(Map, ... ) {
  var map = new Map( ... );
  var snappingManager = map.snappingManager();
  ...
});

Indicates whether map is visible. (Added at v3.7)

Known values: true | false

Indicates if WebGL is enabled for rendering FeatureLayers in the map. (Added at v3.24)

Default value: true

Current width of the map in screen pixels. This property is read-only. The height and width of the map are normally set in the HTML DIV or other HTML element containing the map container.

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

Method Details

Adds an Esri Layer to the map.

require([
  "esri/map", "esri/layers/ArcGISTiledMapServiceLayer", ... 
], function(Map, ArcGISTiledMapServiceLayer, ... ) {
  var map = new Map( ... );
  var baseMapLayer = new ArcGISTiledMapServiceLayer("https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/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.

require([
  "esri/map", "esri/layers/ArcGISTiledMapServiceLayer", "esri/layers/ArcGISDynamicMapServiceLayer", ... 
], function(Map, ArcGISTiledMapServiceLayer, ArcGISDynamicMapServiceLayer, ... ) {
  var map = new Map( ... );
  var basemap = new ArcGISTiledMapServiceLayer("https://www.example.com/argis/rest/services/World_Topo_Map/MapServer");
  var statesLayer= new ArcGISDynamicMapServiceLayer("https://www.example.com/argis/rest/services/Demographics/ESRI_Census_USA/MapServer");
  map.addLayers([basemap, statesLayer]);
  ...
});

Adds a new attribute or changes the value of an existing attribute on the map container. Removes the attribute if the value is null or undefined. (Added at v3.7)

At version 3.4, this method returns a deferred object. You can add a callback to the deferred object and get notified after the operation is completed. (Added at v1.2)

map.centerAndZoom(location,12);

Centers the map based on map coordinates as the center point.
At version 3.4, this method returns a deferred object. You can add a callback to the deferred object and get notified after the map has been re-centered to the given point.

map.centerAt(evt.mapPoint);

Destroys the map instance. After the map is destroyed it is no longer valid however you can re-use the div element of the map to create a new map instance. (Added at v2.0)

Disallows clicking on a map to center it. See

for more details.

require([
  "esri/map", ... 
], function(Map, ... ) {
  function init() {

    myMap = new Map("mapDiv");

    myMap.disableClickRecenter();

  }
  ...
});

Disallows double clicking on a map to zoom in a level and center the map. See

for more details.

require([
  "esri/map", ... 
], function(Map, ... ) {
  function init() {

    myMap = new Map("mapDiv");

    myMap.disableDoubleClickZoom();

  }
  ...
});

Disallows panning and zooming using the keyboard. See

for more details.

require([
  "esri/map", ... 
], function(Map, ... ) {
  function init() {
    map = new Map("mapDiv");
    map.disableKeyboardNavigation();
  }
  ...
});

Disallows all map navigation except the slider and pan arrows. See

for more details.

Disallows panning a map using the mouse. See

for more details.

function noPan() {

  myMap.disablePan();

}

None

Sample: Disables the use of pinch zoom navigation for touch-enabled devices.

Disallows zooming in or out on a map using a bounding box. See

for more details.

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

Disables navigation of the map based on mouse scroll wheel. This method controls both pan and zoom actions and should be used in place of

.

Disallows zooming in or out on a map using the mouse scroll wheel. See

for more details.

require([
  "esri/map", "dojo/dom", ... 
], function(Map, dom, ... ) {
  var map = new Map( ... );
  function stopScrollWheelZoom() {
    map.disableScrollWheelZoom();
    dom.byId("stopScrollWheelZoom").value = map.isScrollWheelZoom;
  };
  ...
});

Disallows shift double clicking on a map to zoom in a level and center the map. See

for more details.

require([
  "esri/map", ... 
], function(Map, ... ) {
  function init() {
    map = new Map("mapDiv");
    map.disableShiftDoubleClickZoom();
  }
  ...
});

Disables snapping on the map. (Added at v2.3)

map.disableSnapping();

Permits users to click on a map to center it. See

for more details.

function okClickRecenter() {

  myMap.enableClickRecenter();

}

Permits users to double click on a map to zoom in a level and center the map. See

for more details.

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

Permits users to pan and zoom using the keyboard. See

for more details.

require([
  "esri/map", ... 
], function(Map, ... ) {
  function init() {

    myMap = new Map("mapDiv");

    myMap.enableKeyboardNavigation();

  }
  ...
});

Permits users to pan a map using the mouse. See

for more details.

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

Enables the user to work with pinch zoom navigation for touch-enabled devices. (Added at v3.21)

Permits users to zoom in or out on a map using a bounding box. See

for more details.

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

Enables the user to navigate the map based on mouse scroll wheel. This method controls both pan and zoom actions and should be used in place of

.

Permits users to zoom in or out on a map using the mouse scroll wheel. See

for more details.

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

Permits users to shift double click on a map to zoom in a level and center the map. See

for more details.

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

Enable snapping on the map when working with the Editor, Measurement widget or the Draw and Edit toolbars. If no snapOptions are provided all graphics layers, including feature layers, will be set as snap targets. Call this method after the layers are loaded. (Added at v2.3)

require([
  "dojo/keys",
  "esri/symbols/SimpleMarkerSymbol", ... 
], function(keys, SimpleMarkerSymbol, ... ) {
  var symbol = new SimpleMarkerSymbol();
  map.enableSnapping({
    snapPointSymbol: symbol,
    tolerance:20,
    snapKey: keys.ALT
  });
  ...
});

<layerInfo>

<snapOptions>

map.enableSnapping();

Returns the name of the current basemap. (Added at v3.3)

Returns an individual layer of a map.

//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]);

Return an array of layers visible at the current scale. (Added at v3.1)

require([
  "dojo/_base/array", ... 
], function(array, ... ) {
  var layers = map.getLayersVisibleAtScale(map.getScale());
  array.forEach(layers,function(layer){
    console.log(layer.id);
  });
  ...
});

Returns the maximum visible scale of the map. You cannot zoom-in beyond this scale. A value of 0 indicates that the map does not have a maximum scale constraint. (Added at v3.3)

Returns the maximum zoom level of the map. You cannot zoom in beyond this value. A value of -1 indicates that the map does not have pre-defined zoom levels. (Added at v3.3)

Returns the minimum visible scale of the map. You cannot zoom out beyond this scale. A value of 0 indicates that the map does not have a maximum scale constraint. (Added at v3.3)

Returns the minimum zoom level of the map. You cannot zoom out beyond this value. A value of -1 indicates that the map does not have pre-defined zoom levels. (Added at v3.3)

Returns the map scale at the center of the view. (Added at v3.1)

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

Returns the current zoom level of the map. A value of -1 indicates that the map does not have pre-defined zoom levels. (Added at v3.3)

Hides the pan arrows from the map. In addition, the Map's

constructor property must be set to

. See

for more details.

Hides the zoom slider from the map. See

for more details.

Pans the map south. At version 3.4, this method returns a deferred object. You can add a callback to the deferred object and get notified after the pan operation is completed.

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

Pans the map west. At version 3.4, this method returns a deferred object. You can add a callback to the deferred object and get notified after the pan operation is completed.

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

Pans the map southwest. At version 3.4, this method returns a deferred object. You can add a callback to the deferred object and get notified after the pan operation is completed.

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

Pans the map southeast. At version 3.4, this method returns a deferred object. You can add a callback to the deferred object and get notified after the pan operation is completed.

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

Pans the map east. At version 3.4, this method returns a deferred object. You can add a callback to the deferred object and get notified after the pan operation is completed.

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

Pans the map north. At version 3.4, this method returns a deferred object. You can add a callback to the deferred object and get notified after the pan operation is completed.

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

Pans the map northwest. At version 3.4, this method returns a deferred object. You can add a callback to the deferred object and get notified after the pan operation is completed.

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

Pans the map northeast. At version 3.4, this method returns a deferred object. You can add a callback to the deferred object and get notified after the pan operation is completed.

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

The map's extent, spatial reference, and tiling scheme if defined do not change when the layers are removed. When the next layer is added to the map, this layer is displayed at the same extent and spatial reference. (Added at v1.3)

Removes the specified layer from the map. (Added at v1.3)

The map's extent, spatial reference, and tiling scheme if defined do not change when the layer is removed. When the next layer is added to the map, this layer is displayed at the same extent and spatial reference.

Changes the layer order in the map. Note that the first layer added is always the base layer, even if its order is changed.

map.addLayer(cityLayer);

map.reorderLayer(cityLayer,1);

Repositions the map DIV on the page. This method should be used after the map DIV has been repostioned.

Resizes the map DIV. This method should be used after the map DIV has been resized.

require([
  "esri/map", "dojo/_base/connect", "dijit/registry", ... 
], function(Map, connect, registry, ... ) {
  var map = new Map( ... );
  var resizeTimer;
  map.on("load", function(theMap) {
    connect.connect(registry.byId('map'), 'resize', function() {
      //resize the map if the div is resized
      clearTimeout(resizeTimer);
      resizeTimer = setTimeout( function() {
        map.resize();
        map.reposition();
      }, 500);
    });
  });
  ...
});

Change the background color of the map. The default is no background color at all. (Added at v3.20)

Change the map's current basemap. (Added at v3.3)

Sets the extent of the map. The extent must be in the same spatial reference as the map.
At version 3.4, this method returns a deferred object. You can add a callback to the deferred object and get notified after the extent change has been committed by the map.

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

If

and a map click event occurs, it may show the map's infoWindow. If the infoWindow supports showing more than one feature, it will search for all features in all layers of the map that have an infoTemplate, including the sublayers of an ArcGIS Map service. If the infoWindow only supports showing a single feature, the infoWindow will be shown if the user directly clicked on a client side graphic. When

, disables this behavior. The default value is

. See also,

.

require([
  "esri/map", ... 
], function(Map, ... ) {
    map = new Map("mapDiv");
    map.setInfoWindowOnClick(true);
  ...
});

Sets the map to the specified level. Zooms to the new level based on the current map center point. Valid only with an

layer.

At version 3.4, this method returns a deferred object. You can add a callback to the deferred object and get notified after the zoom level has been changed.

map.setLevel(10);

Sets the default cursor for the map. This cursor is shown whenever the mouse is pointed over the map, except when panning by dragging the map or using SHIFT+Drag to zoom. If not set, the map uses the platform-dependent default cursor, usually an arrow. (Added at v1.5)

map.setMapCursor("wait");

When using a url for the cursor, Firefox requires an additional, non-URL value.

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

At version 3.4, this method returns a deferred object. You can add a callback to the deferred object and get notified after the map scale has been changed. (Added at v3.3)

Sets the

for the map. When the time extent is changed the

event fires. Time aware layers listen for this event and update to only display content for the current time extent.

require([
  "esri/map", "esri/TimeExtent", ... 
], function(Map, TimeExtent, ... ) {
  var map = new Map( ... );
  var timeExtent = new TimeExtent();
  timeExtent.startTime = new Date("1/1/1989 UTC");
  map.setTimeExtent(timeExtent);
  ...
});

Set the time slider associated with the map.

map.setTimeSlider(timeSlider);

Show or hide the map. (Added at v3.7)

Toggles WebGL rendering on/off for all FeatureLayers in the map. (Added at v3.24)

map.setWebGLEnabled(true);

Set the map zoom level to the given value. At version 3.4, this method returns a deferred object. You can add a callback to the deferred object and get notified after the zoom level has been changed. (Added at v3.3)

Shows the pan arrows on the map. In addition, the Map's

constructor property must be set to

. See

for more details.

Shows the zoom slider on the map. See

for more details.

Converts a single screen point to map coordinates.

Converts a single map point to screen coordinate.

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

Event Details

[ On Style Events | Connect Style Event ]

Fired when the map's basemap is changed. Should be used in favor of onBaseChange. (Added at v3.5)

<current>

<previous>

Event is fired before the map gets destroyed. (Added at v3.9)

Fires when a user single clicks on the map using the mouse and the mouse pointer is within the map region of the HTML page. Should be used in favor of onClick. (Added at v3.5)

Fires when a user double clicks on the map using the mouse and the mouse pointer is within the map region of the HTML page. Should be used in favor of onDblClick. (Added at v3.5)

Fires when the extent of the map has changed. Should be used in favor of onExtentChange. (Added at v3.5)

Fires when a keyboard key is pressed. Should be used in favor of onKeyDown. (Added at v3.5)

Fires when a keyboard key is released. Should be used in favor of onKeyUp. (Added at v3.5)

Fires any time a layer is added to the map. Should be used in favor of onLayerAdd. (Added at v3.5)

Fires after specified layer has been added to the map. Should be used in favor of

.

Fires after the layer has been removed. Should be used in favor of onLayerRemove. (Added at v3.5)

Fires when the map layer order has been changed. Should be used in favor of onLayerReorder. (Added at v3.5)

Fires when a map layer resumes drawing. Should be used in favor of onLayerResume. (Added at v3.5)

Fires when a map layer suspends drawing. A layer is considered suspended when one of the following is true:

• The layer is hidden.
• The layer is not visible at the current map scale.
• The layer is explicitly suspended by calling the Layer.suspend method.

map.on("layer-suspend", function(layer){
  console.log(layer.id + ' suspended');
});

Fires after all layers are added to the map using the map.addLayers method. Should be used in favor of onLayersAddResult. (Added at v3.5)

<layers>

Fires after all the layers have been removed. Should be used in favor of onLayersRemoved. (Added at v3.5)

Fires when all the layers have been reordered. Should be used in favor of onLayersReordered. (Added at v3.5)

Fires when the first or base layer has been successfully added to the map. Should be used in favor of onLoad. (Added at v3.5)

Fires when a mouse button is pressed down and the mouse cursor is in the map region of the HTML page. Should be used in favor of onMouseDown. (Added at v3.5)

Fires while the mouse is being dragged until the mouse button is released. Should be used in favor of onMouseDrag. (Added at v3.5)

Fires when a mouse button is released and the user stops dragging the mouse. Should be used in favor of onMouseDragEnd. (Added at v3.5)

Fires when a mouse button is pressed down and the user starts to drag the mouse. Should be used in favor of onMouseDragStart. (Added at v3.5)

Fires any time the mouse pointer moves over the map region. A common use for this event is to show the current x,y coordinate of the map as the user moves the mouse pointer. Should be used in favor of onMouseMove. (Added at v3.5)

Fires when the mouse moves out of the map region of the HTML page. Should be used in favor of onMouseOut. (Added at v3.5)

Fires when the mouse moves into the map region of the HTML page. Should be used in favor of onMouseOver. (Added at v3.5)

Fires when the mouse button is released and the mouse pointer is within the map region of the HTML page. Should be used in favor of onMouseUp. (Added at v3.5)

Fires when the mouse wheel is scrolled. Should be used in favor of onMouseWheel. (Added at v3.5)

Fires during the pan process. Should be used in favor of onPan. (Added at v3.5)

Fires when the pan is complete. Should be used in favor of onPanEnd. (Added at v3.5)

Fires when a user commences panning. Should be used in favor of onPanStart. (Added at v3.5)

Fires when the map DIV is repositioned. Should be used in favor of onReposition. (Added at v3.5)

Fires when the map's container has been resized. Should be used in favor of onResize. (Added at v3.5)

Fires when the map's timeExtent property is set. Should be used in favor of onTimeExtentChange. (Added at v3.5)

Fires when the page is refreshed. Should be used in favor of onUnload. (Added at v3.5)

Fires after layers that are updating their content have completed. This event is often used in combination with

to display a 'Map is busy' or 'Loading...' message as visual feedback to the end-user. Should be used in favor of onUpdateEnd.

Fires when one or more layers begins updating their content. This event is often used in combination with

to display a 'Map is busy' or 'Loading...' message as visual feedback to the end-user. Should be used in favor of onUpdateStart.

Fires during the zoom process. Should be used in favor of onZoom. (Added at v3.5)

Fires when the zoom is complete. Should be used in favor of onZoomEnd. (Added at v3.5)

Fires when a user commences zooming. Should be used in favor of onZoomStart. (Added at v3.5)

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4