topic Close Basemap Gallery On Selection in ArcGIS JavaScript Maps SDK Questions

Close Basemap Gallery On Selection

LloydBronn — Mon, 07 Nov 2016 15:47:08 GMT

I have the basemaps gallery widget in my maps. I'd like the gallery to automatically close when a user chooses a basemap. I'm not sure if I need to specify this in basemapGallery.on "selection-change" event or in the TitlePane dijit itself. I looked at the API reference and I don't think the destroy() method is what I want.

Re: Close Basemap Gallery On Selection

RobertScheitlin__GISP — Mon, 07 Nov 2016 16:01:04 GMT

Llyod,

Yes if you are opening a TtilePane from some event and you want to close that pane then you need to attach to the selection-change and then close the pane from that event handler.

Re: Close Basemap Gallery On Selection

LloydBronn — Mon, 07 Nov 2016 16:18:05 GMT

I tried this, but it's not working.

basemapGallery.on("selection-change",function(){
var layer = map.getLayer(refLayerId);
if(layer){
map.removeLayer(layer);
}
dijit.byId("basemapGallery").set('open',false);
});

Re: Close Basemap Gallery On Selection

RobertScheitlin__GISP — Mon, 07 Nov 2016 16:30:54 GMT

Lloyd,

I normally use tp.toggle(); I would have to see more of your code.

Re: Close Basemap Gallery On Selection

LloydBronn — Sat, 11 Dec 2021 14:12:25 GMT

Tried this, but it didn't work.

var basemapGallery = new BasemapGallery({
 showArcGISBasemaps: true,
 map: map
 }, "basemapGallery");
 basemapGallery.startup();
 
 basemapGallery.on("selection-change",function(){
 var layer = map.getLayer(refLayerId);
 if(layer){
 map.removeLayer(layer);
 }basemapGallery.toggle():
 });
 
 basemapGallery.on("error", function(msg) {
 console.log("basemap gallery error: ", msg);
 });
 
 basemapGallery.on("load", function(msg) {
 for (b=0;b<map.basemapLayerIds.length;b++){
 var lyr = map.getLayer(map.basemapLayerIds[b]);
 if(lyr._isRefLayer){
 refLayerId = lyr.id;
 }
 } ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Also this

var tp =  dijit.byId("basemapGallery")

basemapGallery.on("selection-change",function(){
 var layer = map.getLayer(refLayerId);
 if(layer){
 map.removeLayer(layer);
 }tp.toggle():
 });‍‍‍‍‍‍‍‍

Re: Close Basemap Gallery On Selection

RobertScheitlin__GISP — Mon, 07 Nov 2016 16:51:32 GMT

Lloyd.

Are you sure that basemapGallery and/or tp are not null that those vars are in scope?

Re: Close Basemap Gallery On Selection

LloydBronn — Sat, 11 Dec 2021 14:12:28 GMT

Gotcha. Something along these lines?

basemapGallery.on("selection-change",function(){
          var tp = dijit.byId("basemapGallery");
        var layer = map.getLayer(refLayerId);
        if(layer && tp != null){
          map.removeLayer(layer);
            tp.toggle();
        }     
      });‍‍‍‍‍‍‍‍

Re: Close Basemap Gallery On Selection

RobertScheitlin__GISP — Mon, 07 Nov 2016 17:32:34 GMT

Lloyd,

Is "basemapGallery" the TitlePane or the basemap gallery widget? You need to get the titlepane not the basemap gallery widget.

Re: Close Basemap Gallery On Selection

LloydBronn — Sat, 11 Dec 2021 14:12:31 GMT

Ah, OK. My titlepane did not have a div ID, so I added one. That works, but only the first time I choose a new basemap. If I change it again, the titlepane stays open.

basemapGallery.on("selection-change",function(){
          var tp = dijit.byId("TitlePane");
        var layer = map.getLayer(refLayerId);
        if(layer && tp != null){
          map.removeLayer(layer);
            tp.toggle();
        }     
      });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Close Basemap Gallery On Selection

LloydBronn — Mon, 07 Nov 2016 17:56:31 GMT

Just needed an else{tp.toggle();}