topic Re: Layer Toggle and Zoom To in Web AppBuilder Custom Widgets Questions

Layer Toggle and Zoom To

joerodmey — Fri, 13 Jul 2018 21:24:57 GMT

Looking to have a WAB widget to toggle between layers and zoom to the layer that turns on. Basically I want to have the toggle functionality as in Robert's widget: https://community.esri.com/docs/DOC-8592-layer-toggle-button-widget-version-22-01132017 with the added functionality to zoom to the "on layer".

-Joe

Re: Layer Toggle and Zoom To

RobertScheitlin__GISP — Sun, 12 Dec 2021 08:47:25 GMT

Joe,

In the LayerToggleWidget widget.js just make this change to the onOpen function (line 13).

      onOpen: function() {
        this.setToggleLayer();
        var lObjs = [];
        array.map(this.toggleLayerIds, lang.hitch(this, function(id){
          var lyrNode = this.layerStructure.getNodeById(id);
          lyrNode.on('toggle-change', this.setCheckedState(lyrNode));
          lObjs.push(lyrNode);
        }));
        if (!this.isToggling) {
          this.isToggling = true;
          this.toggleLayer(lObjs);
          setTimeout(lang.hitch(this, function() {
            this.map.setExtent(lObjs[0]._layerInfo.layerObject.fullExtent);
            this.isToggling = false;
            WidgetManager.getInstance().closeWidget(this);
            if(lObjs[0].isToggledOn()){
              domClass.add(this.parentContainer, "jimu-state-selected");
            }else{
              domClass.remove(this.parentContainer, "jimu-state-selected");
            }
          }), 300);
        }
      },‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Layer Toggle and Zoom To

joerodmey — Mon, 16 Jul 2018 13:38:24 GMT

I tried this change to the .js in both server and client folders and it doesn't zoom to the layer

Re: Layer Toggle and Zoom To

RobertScheitlin__GISP — Mon, 16 Jul 2018 13:56:39 GMT

Strange it worked for me when I tested it on the traffic cameras layer from the preview site

Re: Layer Toggle and Zoom To

joerodmey — Mon, 16 Jul 2018 14:06:21 GMT

I'm still hosting this locally in WAB...shouldn't make a difference though

Re: Layer Toggle and Zoom To

RobertScheitlin__GISP — Mon, 16 Jul 2018 14:56:01 GMT

Do you see any errors in the console?

Re: Layer Toggle and Zoom To

joerodmey — Mon, 16 Jul 2018 15:18:02 GMT

Just the one:

Re: Layer Toggle and Zoom To

joerodmey — Tue, 17 Jul 2018 15:38:15 GMT

Any ideas?

Thanks

Re: Layer Toggle and Zoom To

RobertScheitlin__GISP — Mon, 23 Jul 2018 14:37:30 GMT

Joe,

I don't know why you would be getting that error. I have tested this with several layers and it works without issue. Is there anything unusual about the layer(s) you are attempting to toggle and zoom to?

Re: Layer Toggle and Zoom To

joerodmey — Wed, 25 Jul 2018 15:40:45 GMT

Not really. Just feature services. These layers are CAD drawings that were converted into GIS