Use Portal Basemaps

1
2
// Default is portal for arcgis.com
const portal = new Portal();

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
// If you define the Portal URL in esriConfig, the
// BasemapGallery widget can determine which basemaps
// to use.
esriConfig.portalUrl = "https://jsapi.maps.arcgis.com";
// Initialize a portal instance and load it
const portal = new Portal();
portal
  .load()
  .then(() => {
    // A portal can be configured to use Vector Basemaps
    // by default or not.
    const basemap = portal.useVectorBasemaps ?
          portal.defaultVectorBasemap : portal.defaultBasemap;
    const map = new Map({
      basemap: basemap
    });
    const view = new MapView({
      container: "viewDiv",
      map: map,
      center: [-118.24, 34.073],
      scale: 10000
    });
    // The BasemapGallery will use the basemaps
    // configured by the Portal URL defined in esriConfig.portalUrl
    const basemapGallery = new BasemapGallery({
      view: view
    });
    const bgExpand = new Expand({
      view: view,
      content: basemapGallery
    });
    view.ui.add(bgExpand, "top-right");
  })
  .catch((error) => {
    console.warn(error);
  });
});