nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

The Measurement Widget is not working alongside my other widgets

ChesouyeCoye

I am creating a web application and I require the measurement widget, however it does not work alongside my other widgets. It does show up but it does not function and I am not able to see dots, initial points or lines.

Please see application in codepen:

https://codepen.io/chesouye/pen/ZEqrZwg

Find more posts tagged with

Accepted answers

kenbuja

I saw two problems in your script. The first was easily seen in the browser's developer console. You should learn how to use that to see what's going on with your code. The error "Uncaught ReferenceError: activeWidget is not defined" popup up in the console.

It looks like you copied the setActiveFunction script directly from this sample. You left off the line of code to initialize the variable "activeWidget". In the sample, that's on line 63

let activeWidget = null;

However, just adding that didn't fix the code. Another error popped up, suggesting that the version of the API was not current. Looking at your HTML code, you are using a older version of the API

<script src="https://js.arcgis.com/4.11/">

If you update that to a newer version, the tool works as expect. However, you cannot update that to the most recent versions, since you are using dojo modules in your script, which were removed after 4.23. You'll have to see which previous version works best for you. And remember to keep the same version for the CSS. Currently, you are using 4.17

 <link rel="stylesheet" href="https://js.arcgis.com/4.17/esri/css/main.css">

All comments

kenbuja

It looks like you copied the setActiveFunction script directly from this sample. You left off the line of code to initialize the variable "activeWidget". In the sample, that's on line 63

let activeWidget = null;

However, just adding that didn't fix the code. Another error popped up, suggesting that the version of the API was not current. Looking at your HTML code, you are using a older version of the API

<script src="https://js.arcgis.com/4.11/">

 <link rel="stylesheet" href="https://js.arcgis.com/4.17/esri/css/main.css">

ChesouyeCoye

Thank you for responding and looking at my code. I really appreciate it. I added the changes and it made my mad completely disappear. Im not sure what I am not doing correctly please assist.

kenbuja

I can't tell what you've done. I've made the two edits to your Codepen: https://codepen.io/chesouye/pen/ZEqrZwg?editors=0010

ChesouyeCoye

I saw however the measurement widget still does not work alongside the other widgets.

ChesouyeCoye

Thank you so much. I really appreciate it. Its working well. Again, Thank you.

kenbuja

Please click the "Accept as Solution" button on the post that answered your question. This will help others who may be searching for the same question.

ChesouyeCoye

I have another concern. How do i remove the ArcGIS World Geocoding Service option from my feature search?

kenbuja

Try setting sources to an empty array, then setting it separately

  var search = new Search({
    view: view,
    allPlaceholder: "Search",
    sources: []
  });

search.viewModel.sources = [{
        layer: parish,
        searchFields: ["PARISH_NAM"],
        displayField: "PARISH_NAM",
        exactMatch: false,
        outFields: ["OBJECTID", "PARISH_NAM"],
        name: "Parishes",
        placeholder: "example: Kingston"
      },
      {
        layer: ed,
        searchFields: ["ED_NAME"],
        displayField: "ED_NAME",
        exactMatch: false,
        outFields: ["ED_NO", "ED_NAME"],
        name: "Electoral Divisions",
        placeholder: "example: Kingston"
      },
      {
        layer: consti,
        searchFields: ["CONST_NAME"],
        displayField: "CONST_NAME",
        exactMatch: false,
        outFields: ["CONST_NO", "CONST_NAME"],
        name: "Constituency",
        placeholder: "example: Kingston Central"
      },
      {
        layer: ed_colored,
        searchFields: ["Name", "Party"],
        suggestionTemplate: "{Name}, Party: {Party}",
        exactMatch: false,
        outFields: ["*"],
        placeholder: "Anomalies",
        name: "Anomalies",
        zoomScale: 500000,
        resultSymbol: {
          type: "picture-marker", // autocasts as new PictureMarkerSymbol()
          url:
            "https://developers.arcgis.com/javascript/latest/sample-code/widgets-search-multiplesource/live/images/senate.png",
          height: 36
        }
      }];

kenbuja

I would suggest opening another question on this then.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.