topic Re: Using new measurement widget in ArcGIS JavaScript Maps SDK Questions

Using new measurement widget

StevenGraf1 — Sun, 12 Dec 2021 01:27:57 GMT

I see they added the ability to determine the xy locations for other coordinate systems, such as UTM, USNG, etc. When I add the param

advancedLocationUnits:true

var measurement = new Measurement({
    map: map,
     advancedLocationUnits:true
    defaultAreaUnit: Units.SQUARE_MILES,
    defaultLengthUnit: Units.KILOMETERS
  }, dom.byId('measurement'));

it adds the new units to the drop down but when I click on the map it doesn't return any thing. I was just playing in the sandbox for the measurement samples. Is there something else you need to add to return those projected coordinates?

Re: Using new measurement widget

AdrianMarsden — Tue, 15 Jul 2014 09:08:23 GMT

Missed this option when it was added - just tried it. No difference. Just get the two Degrees, and DMS.

Re: Using new measurement widget

StevenGraf1 — Tue, 15 Jul 2014 12:32:56 GMT

Did you change your css and script links to the new version of the js api? This came out with the 3.10 release.

Re: Using new measurement widget

StevenGraf1 — Tue, 15 Jul 2014 13:06:06 GMT

You also have to use:

esri.config.defaults.geometryService = new esri.tasks.GeometryService("yourgeometryservice");

I get the added location units but when I try one, it returns Geometry Service Error.

Re: Using new measurement widget

AdrianMarsden — Tue, 15 Jul 2014 13:08:51 GMT

For my issue,I have both of those - the latest code and default geometry service set to one of mine.

Re: Using new measurement widget

RamonCampos — Tue, 15 Jul 2014 18:09:59 GMT

On line #3 of your example code above, you are missing a comma (,) after advancedLocationUnits:true . In the Sandbox, when I added that comma, and updated the Units reference to the fully qualified esri.Units.SQUARE_MILES ...etc., it worked for me.

Re: Using new measurement widget

StevenGraf1 — Tue, 15 Jul 2014 18:19:31 GMT

I had the comma in there. For some reason I didn't get it copied over. I still get the Geometry Service Error.

Not sure what's going on.

Here's a fiddle showing the ESRI measurement sample with the advancedLocationUnits. It doesn't return anything. My service will say Geometry Service Error where the lat/long is supposed to be.

Edit fiddle - JSFiddle‌

Re: Using new measurement widget

RamonCampos — Tue, 15 Jul 2014 18:46:52 GMT

Using your fiddle I updated the code to use my own geometry service and I get no errors. The lat/long coordinates display as expected. My guess would then be that the error is going to be with how your geometry service is configured. Is it publicly accessible? Or is it on an intranet that is not public facing? Does it support "Areas and Lengths", "Distance", and "Lengths" operations? Just throwing out some ideas. I am not sure from this point what else it might be.

Best of luck.

Re: Using new measurement widget

StevenGraf1 — Tue, 15 Jul 2014 18:52:00 GMT

My lat/long display in DD and DMS.

It's when I switch to the new advanced units it doesn't work properly. It's public and supports the following (version 10.2.2)

Areas and Lengths Auto Complete Buffer Convex Hull Cut Densify Difference Distance Generalize Intersect Label Points Lengths Offset Project Relation Reshape Simplify Trim Extend Union

Re: Using new measurement widget

RamonCampos — Tue, 15 Jul 2014 19:16:30 GMT

My apologies. I left the selection for the units on "Degrees". I now see the same error as you when I select one of the advanced location units.

I turned on Chrome Developer Tools and in the console log, when clicking the map after selecting any of the advanced location units, I see the error message

dojo.io.script error

Uncaught TypeError: Cannot read property 'domNode' of undefined (Measurement.js:43)

Both of these are in ESRI's js files. So unless someone has another idea, I think it may be a bug in the API.

Re: Using new measurement widget

JonathanUihlein — Wed, 16 Jul 2014 15:43:23 GMT

What version of the geometry service are you using?

Your geometry service must be 10.2 or newer.

The sandbox sample of the Measurement widget is using an older version of the GeometryService (10.04).

http://tasks.arcgisonline.com/ArcGIS/rest/services

Re: Using new measurement widget

RamonCampos — Wed, 16 Jul 2014 15:46:07 GMT

Mine is 10.11.

Thank you for the feedback.

Re: Using new measurement widget

StevenGraf1 — Wed, 16 Jul 2014 15:46:49 GMT

We are using 10.2.2

Re: Using new measurement widget

JonathanUihlein — Thu, 17 Jul 2014 15:50:36 GMT

Steven, thanks for your reply

If you go directly to your GeometryService and look under "Supported Operations", do you see toGeocoordinateString and fromGeocoordinateString?

For example, looking at the GeometryService used in the sample, we can see that these operations do not exist:

Geometry (GeometryServer)‌

Re: Using new measurement widget

JeffPace — Thu, 17 Jul 2014 16:08:39 GMT

Looks like you guys stole my style

A quick question. The measure-end event only fires when you click on a location, but the Location updates on mousemove. Is there anyway to fire a location-change event?

Re: Using new measurement widget

StevenGraf1 — Thu, 17 Jul 2014 17:35:46 GMT

I do not show those operations. I assumed they were enabled when we upgraded to 10.2.2. How do I enable them? I'm not seeing a way to modify what operations are supported in geometry service though my server manager.

Re: Using new measurement widget

StevenGraf1 — Thu, 17 Jul 2014 17:49:32 GMT

It also appear that the to GeoCoordinateString help link is broken. I'm trying to access it through this link ArcGIS REST API‌

Re: Using new measurement widget

AdrianMarsden — Fri, 18 Jul 2014 09:21:10 GMT

So, having established that the service hasn't got them, How do we add them?

Re: Using new measurement widget

JonathanUihlein — Tue, 29 Jul 2014 17:24:21 GMT

Not officially, but I can look into getting that implemented for the next release.

You can create one for yourself in the meantime if you'd like with the following snippet:

aspect.after(measurement, "_outputLocationResult", function(args1, args2, args3){
  var values = measurement._calculateValueToDisplay(args1, args2, args3);
  console.log("values: ", values, args3);
}, true);

aspect.before(measurement, "_switchLocationUnit", function(){
  if(measurement.mouseMoveMapHandler){
    measurement.mouseMoveMapHandler.remove();
  }
}, true),

The first aspect acts as your event listener. It fires when the mouse coordinates are updated in the widget's interface.

The second aspect fixes a bug introduced by implementing the first aspect (basically, the mouse handler never gets disconnected).

Full code:

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>Move</title>
  <link rel="stylesheet" href="http://js.arcgis.com/3.10/js/dojo/dijit/themes/claro/claro.css">
  <link rel="stylesheet" href="http://js.arcgis.com/3.10/js/esri/css/esri.css">
  <style>
    html,body {
      height:100%;
      width:100%;
      margin:0;
    }
    body {
      background-color:#FFF;
      overflow:hidden;
      font-family:"Trebuchet MS";
    }
    #titlePane{
      width:240px;
    }
    .claro .dijitTitlePaneTitle {
      background: #808775;
      font-weight:600;
      border:solid 1px #29201A;
    }
    .claro .dijitTitlePaneTitleHover {
      background:#808775;
    }
    .claro .dijitTitlePaneTitleActive {
      background:#808775;
    }
    .claro .dijitTitlePaneContentOuter {
      border-right: solid 2px #808775 !important;
      border-bottom: solid 2px #808775 !important;
      border-left: solid 2px #808775 !important;
    }
  </style>
  <script src="http://js.arcgis.com/3.10/"></script>
  <script>
    
    var map;
    
    require([
      "dojo/aspect",
      "dojo/ready",
      "esri/map",
      "dojo/parser",
      "dojo/dom",
      "esri/dijit/Measurement",
      "dijit/layout/BorderContainer",
      "dijit/layout/ContentPane",
      "dijit/TitlePane"
    ], function(
      aspect,
      ready,
      Map,
      parser,
      dom,
      Measurement,
      BorderContainer,
      ContentPane,
      TitlePane
    ) { 

      ready(function(){
      
        parser.parse();
        
        map = new Map("map", {
          basemap: "satellite",
          center: [-85.743, 38.256],
          zoom: 17
        });
        
        
        measurement = new Measurement({
          map: map,
        }, "measurementDiv");
        measurement.startup();

        aspect.before(measurement, "_switchLocationUnit", function(){
          if(measurement.mouseMoveMapHandler){
            measurement.mouseMoveMapHandler.remove();
          }
        }, true),
        
        aspect.after(measurement, "_outputLocationResult", function(args1, args2, args3){
          var values = measurement._calculateValueToDisplay(args1, args2, args3);
          console.log("values: ", values, args3);
        }, true);

      });

    });
  </script>
</head>
<body class="claro">
    <div id="mainWindow" data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design:'headline',gutters:false" style="width:100%; height:100%;">
      <div id="map" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'">
        <div style="position:absolute; right:20px; top:10px; z-Index:999;">
          <div id="titlePane" data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Measurement', closable:'false', open:'false'">
            <div id="measurementDiv"></div>
            <span style="font-size:smaller;padding:5px 5px;">Press <b>CTRL</b> to enable snapping.</span>
          </div>
        </div>
      </div>
    </div>
</body>
</html>

Re: Using new measurement widget

AdrianMarsden — Wed, 30 Jul 2014 08:14:58 GMT

Jonathan

Any chance this is linked to my other issue BUG: Measurement widget measure-end event issue.‌ - So far un-commented on?

Cheers

ACM