Changing BaseMap from code

JonathanAttard — Thu, 25 Jul 2024 07:59:44 GMT

Hi,

I'm currently working on a dark mode feature in ArcGIS Experience Builder (ExB) Developer that automatically changes the basemap. I've also integrated a basemap gallery widget within the map widget to provide more basemap options. Selecting a basemap from the gallery and toggling between dark modes works fine, however, there's an issue when toggling dark mode directly: the basemap gallery widget shows no basemap as selected.

Case 1:

Select a light mode basemap from the basemap gallery.
Select a dark mode basemap from the basemap gallery aswell.
Toggle dark mode.

In this case, everything works well and the correct basemap is shown in the gallery.

Case 2:

Directly toggle dark mode.

In this scenario, no basemap is selected in the basemap gallery widget.

I believe the issue could be due to one of the following reasons:

The basemap triggered by dark mode is not properly loaded.
There may be a better method to update the basemap on the map.

Here's the code I use to change the basemap. The change is reflected on the webpage, but the basemap gallery widget shows nothing selected:

const basemapSource = darkBasemap ? await getBasemapSource(darkBasemap) : mapViewOriginalBasemaps.current[currentJimuMapViewId.current]; if (basemapSource && bmViewModel?.current?.activeBasemap) { bmViewModel.current.set('activeBasemap', basemapSource)

Any help on resolving this issue would be greatly appreciated.

Thank you!

Re: Changing BaseMap from code

JonathanAttard — Wed, 21 Aug 2024 09:08:50 GMT

I managed to solve it.

topic Changing BaseMap from code in ArcGIS Experience Builder Questions

Changing BaseMap from code

Re: Changing BaseMap from code