Basemaps with different projections

You can create Basemaps in your ArcGIS Maps SDK for JavaScript applications using a Portal. This sample shows how to add basemaps from an ArcGIS Online group to the Basemap Gallery component. The group is used as a PortalBasemapsSource for the Basemap Gallery's source property. The group contains basemaps with different projections.

Use dark colors for code blocksCopy
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
      // get the basemap gallery element
      const basemapGallery = document.querySelector("arcgis-basemap-gallery");
      // create a portal instance
      const portal = new Portal();

      // source for basemaps from a portal group
      // containing basemaps with different projections
      const source = new PortalBasemapsSource({
        portal,
        query: {
          id: "bdb9d65e0b5c480c8dcc6916e7f4e099"
        }
      });
      basemapGallery.source = source;

At 4.23, MapView's spatialReference can be changed at runtime by directly setting the MapView's spatialReference or changing the basemap from the Basemap Gallery or Basemap Toggle components. To disable this option, set the MapView.spatialReferenceLocked to true.

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.