topic Re: How to Specify Out Unit to Be in Decimal Degree in JS API in ArcGIS JavaScript Maps SDK Questions

How to Specify Out Unit to Be in Decimal Degree in JS API

BehrouzHosseini — Wed, 29 Nov 2017 23:53:13 GMT

I am using a Map service on ARcGIS Server 10.4.1 which is in this format

Spatial Reference: 102100 (3857)
Single Fused Map Cache: false
Initial Extent:

XMin: -9819759.37726215

YMin: 5128008.078704429

XMax: -9809084.764440382

YMax: 5132626.115644935

Spatial Reference: 102100 (3857)

Full Extent:

XMin: -9819004.6505

YMin: 5125535.589900002

XMax: -9809349.0802

YMax: 5131992.668099999

Spatial Reference: 102100 (3857)

Units: esriMeters

Now when I query the service it returns the data in Meter format which I can not display back them on the map as new graphics. Can you please let me know how I can change the service configuration or OutUnit in ArcGIS JavaScript API to be in Decimal Degree

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

RobertScheitlin__GISP — Thu, 30 Nov 2017 03:30:28 GMT

Bengi,

Because the map service is in WKID 102100 that means that the units will be meters. If you use a Query task then you can specify the outSpatialReference to be in 4326 which will give you decimal degrees

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

BehrouzHosseini — Thu, 30 Nov 2017 04:10:16 GMT

Hi Robert,

Thanks for reply I change the out spatial to 4326 and as you can see from below I am getting geometry in wkid:4236 but I am getting the X and Y in Meter not in decimal degree!

{OBJECTID: 1100}
geometry:
1. spatialReference:{wkid: 4326}
2. type:"point"
3. x:-9814834.6714
4. y:5130507.876800001

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

RobertScheitlin__GISP — Thu, 30 Nov 2017 12:59:51 GMT

Bengi,

Can you share your code on how you are changing the outSpatialReference?

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

ThomasSolow — Thu, 30 Nov 2017 14:14:01 GMT

Setting outSpatialReference somewhere might help you if you're trying to query a Feature Service.

Another option is to pull in webMercatorUtils from esri/geometry/support/webMercatorUtils and use that module to convert between Web Mercator and WGS84 Latitude/Longitude.

webMercatorUtils | API Reference | ArcGIS API for JavaScript 4.5

I would specifically look at the "webMercatorToGeographic" function, which will convert a geometry from Web Mercator to WGS84 longitude/latitude.

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

BehrouzHosseini — Sat, 11 Dec 2021 06:58:39 GMT

Hi Robert,

Here is the code

I am able to console log the results but not able to display them on the map

var graphicsLayerTraceNetworkJunctions, graphicsLayerTraceNetworkEdges;
graphicsLayerTraceNetworkJunctions = new esri.layers.GraphicsLayer();
 var rendererTraceNetworkJunctions = new esri.renderer.SimpleRenderer(agsConfig.symbolTraceNetworkJunctions);
 graphicsLayerTraceNetworkJunctions.setRenderer(rendererTraceNetworkJunctions);
 map.addLayer(graphicsLayerTraceNetworkJunctions);
 map.reorderLayer(graphicsLayerTraceNetworkJunctions, 1);
 
 graphicsLayerTraceNetworkEdges = new esri.layers.GraphicsLayer();
 var rendererTraceNetworkEdges = new esri.renderer.SimpleRenderer(agsConfig.symbolTraceNetworkEdges);
 graphicsLayerTraceNetworkEdges.setRenderer(rendererTraceNetworkEdges);
 map.addLayer(graphicsLayerTraceNetworkEdges);
 map.reorderLayer(graphicsLayerTraceNetworkEdges, 2);
 
 function solve(traceSolverType, params) {
 var gn = 'ElecGeomNet';
 esri.request({
 url: 'http://localhost/arcgis/rest/services/ENetNADPDWeb/MapServer/exts/GeometricNetworkUtility/GeometricNetworks/1/TraceNetwork/' + traceSolverType,
 content: params,
 callbackParamName: "callback",
 outSR: 4326,
 load: function (result) {
 
 //result = result.geometry = webMercatorUtils.webMercatorToGeographic(geometries[0]);
 
 if (traceFlowElement == 'esriFEJunctionsAndEdges') {
 var edgesResultFeatures = result.edges;
 console.log(edgesResultFeatures);
 var edgeGraphics;
 for (var j = 0, jl = edgesResultFeatures.length; j < jl; j++) {
 var featureSet = edgesResultFeatures[j].features;
 for (var i = 0, il = featureSet.length; i < il; i++) {
 edgeGraphics = new esri.Graphic(featureSet[i])
 graphicsLayerTraceNetworkEdges.add(edgeGraphics);
 }
 }
 
 var junctionsResultFeatures = result.junctions;
 console.log(junctionsResultFeatures);
 var junctionsGraphics;
 
 for (var j = 0, jl = junctionsResultFeatures.length; j < jl; j++) {
 var featureSet = junctionsResultFeatures[j].features;
 for (var i = 0, il = featureSet.length; i < il; i++) {
 
 junctionsGraphics = new esri.Graphic(featureSet[i]);
 graphicsLayerTraceNetworkJunctions.add(junctionsGraphics);
 
 }
 }
 
 }
 }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

BehrouzHosseini — Sat, 11 Dec 2021 06:58:42 GMT

Thanks for comment Thomas,

I tried to do this in two ways

load: function (result) {
 result = result.geometry = webMercatorUtils.webMercatorToGeographic(geometries[0]);
....
}‍‍‍‍

and also tried this way B_

var junctionsResultFeatures = result.junctions;
  junctionsResultFeatures = featureSet.map(function (s) {
     s.geometry = webMercatorUtils.xyToLngLat(s.geometry.x, s.geometry.y, true);
     return s;
 })‍‍‍‍‍

the first way ireturns

nothing! no error but also nothing on console log. The second way is really converting the geometry to decimal degree but again I am not seeing the result graphics on map

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

RobertScheitlin__GISP — Sat, 11 Dec 2021 06:58:44 GMT

Bengi,

I am not familiar with a the geometric network trace task and if you are specifying the outSR correctly. But as Thomas points out you can easily convert the results of your task (assuming they are returning in WKID 102100) to WGS84 by using web mercator utils.

Lines 32 and 45:

var graphicsLayerTraceNetworkJunctions, graphicsLayerTraceNetworkEdges;
graphicsLayerTraceNetworkJunctions = new esri.layers.GraphicsLayer();
 var rendererTraceNetworkJunctions = new esri.renderer.SimpleRenderer(agsConfig.symbolTraceNetworkJunctions);
 graphicsLayerTraceNetworkJunctions.setRenderer(rendererTraceNetworkJunctions);
 map.addLayer(graphicsLayerTraceNetworkJunctions);
 map.reorderLayer(graphicsLayerTraceNetworkJunctions, 1);
 
 graphicsLayerTraceNetworkEdges = new esri.layers.GraphicsLayer();
 var rendererTraceNetworkEdges = new esri.renderer.SimpleRenderer(agsConfig.symbolTraceNetworkEdges);
 graphicsLayerTraceNetworkEdges.setRenderer(rendererTraceNetworkEdges);
 map.addLayer(graphicsLayerTraceNetworkEdges);
 map.reorderLayer(graphicsLayerTraceNetworkEdges, 2);
 
 function solve(traceSolverType, params) {
 var gn = 'ElecGeomNet';
 esri.request({
 url: 'http://localhost/arcgis/rest/services/ENetNADPDWeb/MapServer/exts/GeometricNetworkUtility/GeometricNetworks/1/TraceNetwork/' + traceSolverType,
 content: params,
 callbackParamName: "callback",
 outSR: 4326,
 load: function (result) {
 
 //result = result.geometry = webMercatorUtils.webMercatorToGeographic(geometries[0]);
 
 if (traceFlowElement == 'esriFEJunctionsAndEdges') {
 var edgesResultFeatures = result.edges;
 console.log(edgesResultFeatures);
 var edgeGraphics;
 for (var j = 0, jl = edgesResultFeatures.length; j < jl; j++) {
 var featureSet = edgesResultFeatures[j].features;
 for (var i = 0, il = featureSet.length; i < il; i++) {
 edgeGraphics = new esri.Graphic(esri.geometry.webMercatorUtils.webMercatorToGeographic(featureSet[i].geometry));
 graphicsLayerTraceNetworkEdges.add(edgeGraphics);
 }
 }
 
 var junctionsResultFeatures = result.junctions;
 console.log(junctionsResultFeatures);
 var junctionsGraphics;
 
 for (var j = 0, jl = junctionsResultFeatures.length; j < jl; j++) {
 var featureSet = junctionsResultFeatures[j].features;
 for (var i = 0, il = featureSet.length; i < il; i++) {
 
 junctionsGraphics = new esri.Graphic(esri.geometry.webMercatorUtils.webMercatorToGeographic(featureSet[i].geometry));
 graphicsLayerTraceNetworkJunctions.add(junctionsGraphics);
 
 }
 }
 
 }
 }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

BehrouzHosseini — Thu, 30 Nov 2017 18:18:06 GMT

Thanks for this Ribert but same thing! I am not even getting the result back oon console log

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

RobertScheitlin__GISP — Thu, 30 Nov 2017 18:23:58 GMT

Bengi,

Have you ever been getting any results at all from your esriRequest?

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

BehrouzHosseini — Sat, 11 Dec 2021 06:58:48 GMT

Yes I am getting result like

[  
   {  
      "displayFieldName":"",
      "fieldAliases":{  
         "OBJECTID":"OBJECTID"
      },
      "geometryType":"esriGeometryPoint",
      "spatialReference":{  
         "wkid":102100,
         "latestWkid":3857
      },
      "fields":[  
         {  
            "name":"OBJECTID",
            "type":"esriFieldTypeOID",
            "alias":"OBJECTID"
         }
      ],
      "features":[  
         {  
            "attributes":{  
               "OBJECTID":5270
            },
            "geometry":{  
               "x":-9814184.757,
               "y":5130582.574600004
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5271
            },
            "geometry":{  
               "x":-9814152.5879,
               "y":5130624.636799999
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5272
            },
            "geometry":{  
               "x":-9814147.7353,
               "y":5130632.882600002
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5273
            },
            "geometry":{  
               "x":-9814131.0948,
               "y":5130659.340300001
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5279
            },
            "geometry":{  
               "x":-9814141.8218,
               "y":5130548.319399998
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5280
            },
            "geometry":{  
               "x":-9814144.0262,
               "y":5130563.046300001
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5281
            },
            "geometry":{  
               "x":-9814082.9311,
               "y":5130580.8967999965
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5282
            },
            "geometry":{  
               "x":-9814061.6542,
               "y":5130572.5336000025
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5283
            },
            "geometry":{  
               "x":-9814050.6173,
               "y":5130533.271700002
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5284
            },
            "geometry":{  
               "x":-9814007.1346,
               "y":5130542.435500003
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5285
            },
            "geometry":{  
               "x":-9813994.5063,
               "y":5130541.110299997
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5286
            },
            "geometry":{  
               "x":-9813938.9024,
               "y":5130552.8156
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5287
            },
            "geometry":{  
               "x":-9813909.17,
               "y":5130560.038199998
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5288
            },
            "geometry":{  
               "x":-9813904.3966,
               "y":5130569.3544000015
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5289
            },
            "geometry":{  
               "x":-9813931.5632,
               "y":5130578.931599997
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5290
            },
            "geometry":{  
               "x":-9813967.3654,
               "y":5130581.6382
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5291
            },
            "geometry":{  
               "x":-9813997.9644,
               "y":5130589.073399998
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5292
            },
            "geometry":{  
               "x":-9814047.1961,
               "y":5130610.299099997
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5293
            },
            "geometry":{  
               "x":-9814057.6105,
               "y":5130616.874200001
            }
         },
         {  
            "attributes":{  
               "OBJECTID":5294
            },
            "geometry":{  
               "x":-9814086.3569,
               "y":5130632.1565999985
            }
         }
      ]
   },
   {  
      "displayFieldName":"",
      "fieldAliases":{  
         "OBJECTID":"OBJECTID"
      },
      "geometryType":"esriGeometryPoint",
      "spatialReference":{  
         "wkid":102100,
         "latestWkid":3857
      },
      "fields":[  
         {  
            "name":"OBJECTID",
            "type":"esriFieldTypeOID",
            "alias":"OBJECTID"
         }
      ],
      "features":[  
         {  
            "attributes":{  
               "OBJECTID":2385
            },
            "geometry":{  
               "x":-9814111.7328,
               "y":5130548.937399998
            }
         }
      ]
   },
   {  
      "displayFieldName":"",
      "fieldAliases":{  
         "OBJECTID":"OBJECTID"
      },
      "geometryType":"esriGeometryPoint",
      "spatialReference":{  
         "wkid":102100,
         "latestWkid":3857
      },
      "fields":[  
         {  
            "name":"OBJECTID",
            "type":"esriFieldTypeOID",
            "alias":"OBJECTID"
         }
      ],
      "features":[  
         {  
            "attributes":{  
               "OBJECTID":1392
            },
            "geometry":{  
               "x":-9814163.4375,
               "y":5130568.742899999
            }
         },
         {  
            "attributes":{  
               "OBJECTID":1413
            },
            "geometry":{  
               "x":-9814112.7478,
               "y":5130638.770000003
            }
         },
         {  
            "attributes":{  
               "OBJECTID":1446
            },
            "geometry":{  
               "x":-9814059.8415,
               "y":5130593.071400002
            }
         },
         {  
            "attributes":{  
               "OBJECTID":1459
            },
            "geometry":{  
               "x":-9814034.5062,
               "y":5130563.520999998
            }
         },
         {  
            "attributes":{  
               "OBJECTID":1487
            },
            "geometry":{  
               "x":-9814002.767,
               "y":5130565.1712
            }
         },
         {  
            "attributes":{  
               "OBJECTID":1497
            },
            "geometry":{  
               "x":-9813963.8602,
               "y":5130567.183799997
            }
         }
      ]
   },
   {  
      "displayFieldName":"",
      "fieldAliases":{  
         "OBJECTID":"OBJECTID"
      },
      "geometryType":"esriGeometryPoint",
      "spatialReference":{  
         "wkid":102100,
         "latestWkid":3857
      },
      "fields":[  
         {  
            "name":"OBJECTID",
            "type":"esriFieldTypeOID",
            "alias":"OBJECTID"
         }
      ],
      "features":[  
         {  
            "attributes":{  
               "OBJECTID":1047
            },
            "geometry":{  
               "x":-9813921.4125,
               "y":5130565.028099999
            }
         },
         {  
            "attributes":{  
               "OBJECTID":1050
            },
            "geometry":{  
               "x":-9814129.4325,
               "y":5130614.3423999995
            }
         }
      ]
   }
]‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

without using the

junctionsGraphics = new esri.Graphic(esri.geometry.webMercatorUtils.webMercatorToGeographic(featureSet[i].geometry));‍‍

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

RobertScheitlin__GISP — Thu, 30 Nov 2017 18:39:43 GMT

Bengi,

So what is your maps WKID? The data is returning in 102100 so why are you trying to change it to WGS84?

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

BehrouzHosseini — Thu, 30 Nov 2017 18:40:59 GMT

That is my issue! I am not able to display the graphics on the map!

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

BehrouzHosseini — Thu, 30 Nov 2017 18:43:03 GMT

Could it be because of Renderers?

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

RobertScheitlin__GISP — Thu, 30 Nov 2017 18:51:51 GMT

Could you answer my last questions?

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

BehrouzHosseini — Thu, 30 Nov 2017 18:55:25 GMT

Well I thought I need to change the Meter unit to DD to be able to add the graphics on the graphicsLayerTraceNetworkJunctions layer

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

BehrouzHosseini — Sat, 11 Dec 2021 06:58:52 GMT

Ok Here is a better answer:

Hard- coding and adding a Point like DD is working

var point = new Point(-88.1681599642482, 41.796253348566786);
var pointGraphic = new esri.Graphic(point);
 graphicsLayerTraceNetworkJunctions.add(pointGraphic);‍‍‍‍‍‍

But same point in Meter Unit not displaying on the map

 var point = new Point(-9814834.6714, 5130507.876800001);
 var pointGraphic = new esri.Graphic(point);
 graphicsLayerTraceNetworkJunctions.add(pointGraphic);‍‍‍‍‍‍

and as you can see I am getting all point in Meter!

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

RobertScheitlin__GISP — Thu, 30 Nov 2017 19:00:54 GMT

Bengi,

If your map is in 102100 and you data is returning in 102100 then there is no reason to change anything and may be a renderer issue.

Is you map in WKID 102100?

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

BehrouzHosseini — Thu, 30 Nov 2017 19:03:39 GMT

No Renderer is Ok I just test it as below

Re: How to Specify Out Unit to Be in Decimal Degree in JS API

RobertScheitlin__GISP — Thu, 30 Nov 2017 19:06:52 GMT

No Renderer is Ok I just test it as below

???? below what ????

Is you map in WKID 102100?