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; } } }

Using new measurement widget

StevenGraf1

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?

Najděte více příspěvků označených jako

Accepted answers

All comments

KenCarrier

Jeff would you be willing to share your code, I am trying to do the same thing you are doing in your screen shot, thanks!

JeffPace1

Jon, this works perfectly!!!!

thank you so much.

Now, is there a secret "on tool change" type logic?

adrian.marsden_DevonCC

Jonathan

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

Cheers

ACM

JonathanUihlein

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>

adrian.marsden_DevonCC

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

StevenGraf1

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

StevenGraf1

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.

JeffPace1

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?

JonathanUihlein

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)‌

StevenGraf1

We are using 10.2.2

RamonCampos

Mine is 10.11.

Thank you for the feedback.

JonathanUihlein

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

StevenGraf1

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

RamonCampos

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.

StevenGraf1

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‌

RamonCampos

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.

adrian.marsden_DevonCC

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

StevenGraf1

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.

StevenGraf1

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

adrian.marsden_DevonCC

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

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

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