topic Re: Basemap change Event on api javascript or web app builder in Developers Questions

Basemap change Event on api javascript or web app builder

GuillaumeArnaud — Tue, 03 Apr 2018 15:56:57 GMT

I want to check if the basemap is change by another widget. I see that it exist an event on the esri map object but I didn't know how to connect it.

I search one on webappbuilder but I don't find. Does it exist?

Thanks.

Guillaume Arnaud

Re: Basemap change Event on api javascript or web app builder

KenBuja — Tue, 03 Apr 2018 16:08:54 GMT

You can gain access to the map simply with "this.map" within your widget.

Re: Basemap change Event on api javascript or web app builder

GuillaumeArnaud — Wed, 04 Apr 2018 06:22:55 GMT

Sure, I try this :

dojo.connect(this.map, "onBasemapChange", lang.hitch(this, function(a) {
console.log("connect");
console.log(a);
}));

and this :

this.map.on("basemap-change", lang.hitch(this, function(a) {
console.log("on");
console.log(a);
}));

but it doesn't work. I don't know how to connect these 2 events because it's ok with other event like click or extent-change.

I change basemap with eBaseMapGallery or BaseMapGallery widget of WebAppBuilder

Thanks

Re: Basemap change Event on api javascript or web app builder

KenBuja — Wed, 04 Apr 2018 14:15:21 GMT

You're correct. That event isn't fired when the Basemap Gallery is used. You have to listen to the Basemap Gallery's 'selection-change' event. https://community.esri.com/message/84178 This means you'd have to get the Gallery from the Basemap widget and listen for the change.

Re: Basemap change Event on api javascript or web app builder

GuillaumeArnaud — Fri, 06 Apr 2018 07:55:56 GMT

Fine,

I finally check "layer-add" event of map objet.

//Stocke les Basemaps dans une variable pour check le changement
this.bms = ls.getBasemapLayerObjects();
//Surveille l'évenement d'ajout de couche
this.map.on("layer-add", lang.hitch(this, function() {
   //Si le(s) basemaps son modifiées
   if (this.bms != ls.getBasemapLayerObjects()){
      //Stocke les Basemaps dans une variable pour check le changement
      this.bms = ls.getBasemapLayerObjects();
      //Parcours les Basemaps
      this.bms.forEach(lang.hitch(this, this.fct_Add_Basemap));
   }
}));

It works.

Thanks.