Manually setting basemap using ArcGIS API for JavaScript?

Question

Looked over the example can NOT figure out how to set basemap MANUALLY. I don't want a dijit widget, or any other libraries or anything like that. Just want to manually set a basemap to any of the already available types like Topographic, Satellites, Streets, etc. My script code so far is like this.

The part I can't figure out is marked with question marks.

    require([
        "esri/basemaps",
        "esri/map",
        "dojo/domReady!"
    ], function (esriBasemaps, Map) {



    /* ------------------------------------- */
    /* Basemap add one of the existing maps. */
    /* ------------------------------------- */
    esriBasemaps.myBasemap = {
        baseMapLayers ???
    };



    var map = new Map("map", {
        basemap: "myBasemap",
        center: [-118, 34.5],
        zoom: 8
    });



});

why not just add the layer to the map? http://gis.stackexchange.com/questions/54509/using-own-basemap-with-arcgis-api-for-javascript — john gravois, May 12 '15 at 21:27
@JohnGravois declaring as a basemap have some advantages at some use cases. — digz6666, Oct 27 '17 at 02:20

score 2 · Answer 1 · edited Jun 09 '16 at 10:37

2

From the documentation javascript api:

basemap Optional Specify a basemap for the map. The following are valid options: "streets" , "satellite" , "hybrid", "topo", "gray", "dark-gray", "oceans", "national-geographic", "terrain" and "osm". Property added at v3.3. The "terrain" and "dark-gray" options added at v3.12.

You only need to put in the code the name of the basemap:
var map = new Map("map", {
    basemap: "streets|satellite|hybrid|etc..",
    center: [-118, 34.5],
    zoom: 8
});

edited Jun 09 '16 at 10:37

PolyGeo

65,136
29
109
338

answered May 11 '15 at 11:54

lele3p

900
1
7
14

Your questions was completely useless re-read what I said it is marked in bold! – Mike R. May 11 '15 at 22:36
To use the default maps is not necessary to use esriBasemaps. esriBasemaps is used when you want to add a "custom" basemap and call it with the name (see: https://developers.arcgis.com/javascript/jsapi/esri.basemaps-amd.html ).To set the basemap, simply invoke the method map.setBasemap with the name of the desired basemap. – lele3p May 12 '15 at 08:36

score 0 · Answer 2 · answered Oct 27 '17 at 02:19

baseMapLayers parameter accepts array of wrapped urls like following:

esriBasemaps.myBasemap = {
  baseMapLayers: [
    {url: "https://services.arcgisonline.com/ArcGIS/rest/services/Specialty/DeLorme_World_Base_Map/MapServer"}
  ]
};

Official documentation: https://developers.arcgis.com/javascript/3/jsapi/esri.basemaps-amd.html Full source code sandbox: https://codepen.io/digz6666/pen/wPwPbW

Manually setting basemap using ArcGIS API for JavaScript?

2 Answers2