Select to view content in your preferred language

arcgis-basemap-gallery: Organize into groups

39
0
yesterday
fdeters
Frequent Contributor

I'm wondering if the following is possible with the arcgis-basemap-gallery component (and if not, I would like to request it as a feature):

Is there a way to organize basemaps in the basemap gallery into different groups for skimming/browsing purposes?

For example, in one application, I define the `arcgis-basemap-gallery` `sources` field to be a dozen or so basemaps. Some of these are from my organization, while others are public basemaps from Living Atlas. I want to separate them into groups in the gallery so it's clear at a glance which are coming from my organization and which are coming from Living Atlas. (Note that this is just an example; the ability to manually sort them into groups arbitrarily is what I'm after.)

For my purposes, I'd need the ability to sort them into groups and title the groups:

const gallery = document.querySelector('arcgis-basemap-gallery);
await gallery.componentOnReady();

const myOrgBasemaps = [/** define some basemaps here */];
const livingAtlasBasemaps = [/** same here, but different basemaps */];

// POTENTIAL API: `source` can accept an array/Collection
// of LocalBasemapsSource, and LocalBasemapsSource supports
// a `title` property
gallery.source = [
  new LocalBasemapsSource({ 
    basemaps: myOrgBasemaps,
    title: 'Organization basemaps',
  }),
  new LocalBasemapsSource({
    basemaps: livingAtlasBasemaps,
    title: 'Living Atlas basemaps',
  }),
];

 

This would be a huge help for making it easier to find the right basemap!

 

 

0 Kudos
0 Replies