topic Re: Measurement Widget Not loading in div in ArcGIS JavaScript Maps SDK Questions

Measurement Widget Not loading in div

GeorgeHilton__GISP — Fri, 09 Sep 2016 19:08:46 GMT

I am having issues loading the Measurement Widget. I receive errors in the console that indicate that the widget is already loaded. I found past threads on GeoNet concerning using dojoConfig and parser.parse at the same time. I went through my code and as far as I can see I am only using parser.parse.

I've attached a couple images for reference. The first shows the errors I'm receiving in the console and the second shows the widget loaded without all components. I've also attached my html and the appropriate js file for reference, however you can work with the application at this location: Town of Queensbury Interactive Mapper

Any help is appreciated.

George Hilton

Town of Queensbury, NY

Re: Measurement Widget Not loading in div

RickeyFight — Fri, 09 Sep 2016 19:30:45 GMT

In your load.js the measurement section is commented out.

Could you uncomment out the measurement part so we can see the errors from it.

Re: Measurement Widget Not loading in div

GeorgeHilton__GISP — Fri, 09 Sep 2016 19:47:53 GMT

I'm showing that section uncommented in my working code and through the console. I apologize if I sent a previous copy of load.js. Here is the current working code: load.js

Re: Measurement Widget Not loading in div

RickeyFight — Fri, 09 Sep 2016 19:50:47 GMT

I see what happened, lower in your load.js, you have more measurement functions that have been commented out.

Re: Measurement Widget Not loading in div

RobertScheitlin__GISP — Fri, 10 Dec 2021 22:26:35 GMT

George,

The whole issue is the fact that your accordion container is hidden when you are trying to add the measure widget to it. The best workaround for this is to not create the measure widget until the accordian is shown (be sure to remove the other locations of code where you were adding the measure widget before):

        function showhideleg() {
            var legwin = document.getElementById("rightPane");
            //var legwin2 = document.getElementById("rightpane-wrapper");
            // var viz = legwin.style.visibility;
            // var viz2 = legwin2.style.visibility;

            if (ishidden == "TRUE") {
                //console.log(ishidden);
                legwin.style.visibility = "visible";
                registry.byId("accord").selectChild("legendPane", true);
                ishidden = "FALSE";
                if(!measurement){
                  //Create Measurement Widget/Tool
                  measurement = new Measurement({
                      map: map,
                      defaultLengthUnit: "esriFeet"
                  }, "measureDiv");

                  // measurement.on("measure-end", function (evt) {
                  //  clrbuff.disabled = false;
                  //   this.setTool(evt.toolName, false);
                  //});

                  measurement.startup();
                  //End Add Measure Widget/Tool
                }
            } else {
                $("#rightPane").toggle();
            }

            //RESET THIS ONLY IF NEED BE
            //legwin.style.visibility = "visible";
            //registry.byId("accord").selectChild("legendPane", true);
        }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Measurement Widget Not loading in div

GeorgeHilton__GISP — Mon, 12 Sep 2016 18:51:12 GMT

Perfect !!! As usual, thank you very much for your assistance !

George