topic Set ESRI basemap on widget open in Web AppBuilder Custom Widgets Questions

Set ESRI basemap on widget open

JamesCrandall — Tue, 19 Dec 2017 21:54:15 GMT

I'm looking for the simplest method/example on how to set a specific ESRI basemap upon open of a widget (any one, doesn't matter) and then set it to a different specific ESRI basemap when widget closes. Always just a binary setting: basemap "x" on open, basemap "y" on close.

Thanks!

Re: Set ESRI basemap on widget open

RobertScheitlin__GISP — Sun, 12 Dec 2021 08:45:12 GMT

Do you have the basemap gallery widget in this app?

You can just use standard JS API calls like:

onOpen: function () {
  this.map.setBasemap("dark-gray");
},

onClose: function () {
  this.map.setBasemap("streets");
}‍‍‍‍‍‍‍

Re: Set ESRI basemap on widget open

JamesCrandall — Wed, 20 Dec 2017 14:30:49 GMT

Thanks for the suggestion, looks promising.

I can see the request being made to the World_Dark_Gray_Base service but it doesn't change in the map display from the topo (what is saved in the web map).

Re: Set ESRI basemap on widget open

RobertScheitlin__GISP — Sun, 12 Dec 2021 08:45:14 GMT

James,

Sorry I forgot about the way WAB sets the basemap for the WebMap. Here is what will work for onOpen:

onOpen: function () {
  //First remove the Web Map basemap
  this.map.removeLayer(this.map.getLayer(this.map.layerIds[0]));
  this.map.setBasemap("dark-gray");‍‍‍‍

Re: Set ESRI basemap on widget open

JamesCrandall — Wed, 20 Dec 2017 14:48:27 GMT

You forget 100x's the amount of JavaScript I know.

Thanks!