Arcgis js 4.11：如何将底图图层添加到底图库

Question

How to add basemap in basemap gallery. In default BasemapGallery class, we have only 5 basemap layers. But how we can add another/custom basemap layer to that BasemapGallery?

Here is the default layers provided by BasemapGallery.

But I want to add more basemap layers like:-

Please help on this.

Answer 1

Firstly you need to create a group inside arcgis account. Here is the documentation of create group and how you can add custom basemaps to the group.

After it open group and copy id from url

And use below code in you application to add basemap gallary on the map

let basemapGallery = new BasemapGallery({
  source: { // autocasts as PortalBasemapsSource
    query: {
      //title: "ArcGIS Online Basemaps",owner: "esri"
      id: '702026e41f6641fb85da88efe79dc166'
    }
  },
  view: view
});

view.ui.add(basemapGallery, 'bottom-left');

After that you will get this output

I hope it will help you.