topic convert pixel x,y position on map to lat and long? in ArcGIS JavaScript Maps SDK Questions

convert pixel x,y position on map to lat and long?

CamCode — Mon, 20 Apr 2020 12:18:13 GMT

My map takes up 100% width and height of the browser screen.. I have a draggable div that is super imposed over the map, I am capturing this divs position using offset(); to get the pixel top and left values currently.

My goals would be to convert these values to latitude and longitude... Could something like this be possible?

Re: convert pixel x,y position on map to lat and long?

RobertScheitlin__GISP — Mon, 20 Apr 2020 12:28:55 GMT

Cam,

Have you considered map.toMap(ScreenPoint)?

https://developers.arcgis.com/javascript/3/jsapi/map-amd.html#tomap

Re: convert pixel x,y position on map to lat and long?

CamCode — Mon, 20 Apr 2020 13:14:31 GMT

Thanks, I thought that may have been depreciated.

So how may that apply to the below scenario for instance?

let ktop = $('elem').offset().top;

let ktlft = $('elem').offset().left;

coordinatesBx = ktop,

coordinatesBy = ktlft

Re: convert pixel x,y position on map to lat and long?

RobertScheitlin__GISP — Sat, 11 Dec 2021 19:07:58 GMT

Cam,

Not sure what gave you that idea. The application would simply be:

var point = map.toMap(new ScreenPoint(coordinatesBx,coordinatesBy))‍;
console.log("Lat: " + point.getLatitude() + ", Lon: " + point.getLongitude());‍‍

Re: convert pixel x,y position on map to lat and long?

CamCode — Mon, 20 Apr 2020 14:29:06 GMT

Gotchya. It is reported Uncaught ReferenceError: ScreenPoint is not defined

Re: convert pixel x,y position on map to lat and long?

RobertScheitlin__GISP — Mon, 20 Apr 2020 14:36:28 GMT

did you add the require for the ScreenPoint class?

Re: convert pixel x,y position on map to lat and long?

CamCode — Mon, 20 Apr 2020 15:19:11 GMT

For some reason I am having a hard time in getting the import to resolve; is there a specific order this one should be called?

import ScreenPoint from "esri/geometry/ScreenPoint";

Re: convert pixel x,y position on map to lat and long?

RobertScheitlin__GISP — Mon, 20 Apr 2020 15:20:58 GMT

Cam,

Are you using 4.x or 3.x?

Re: convert pixel x,y position on map to lat and long?

CamCode — Mon, 20 Apr 2020 15:25:01 GMT

Yes, 4.x.. tried to add that as a tag in OP. Is there a similar approach in 4.x?

Re: convert pixel x,y position on map to lat and long?

RobertScheitlin__GISP — Mon, 20 Apr 2020 15:26:28 GMT

https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#toMap

Re: convert pixel x,y position on map to lat and long?

CamCode — Mon, 20 Apr 2020 16:37:10 GMT

Thanks for looking. Below is my 4.x attempt.. It is returning 'point.getLatitude()....' is not a function.

let ktop = $('elem1').offset().top;

let ktlft = $('elem2').offset().left;

let point = view.toMap(ktop,ktlft);

console.log("Lat: " + point.getLatitude() + ", Lon: " + point.getLongitude());

Re: convert pixel x,y position on map to lat and long?

RobertScheitlin__GISP — Mon, 20 Apr 2020 16:39:21 GMT

Cam,

So elem1 and elem2 are html element that are positioned on or over the view?

Re: convert pixel x,y position on map to lat and long?

CamCode — Mon, 20 Apr 2020 16:41:20 GMT

Yes, I just used short hand variables. It is a draggable div element directly over the full screened map.

const view = myAPP.mapview;

Re: convert pixel x,y position on map to lat and long?

RobertScheitlin__GISP — Mon, 20 Apr 2020 16:58:35 GMT

Cam,

The toMap method is expecting an object with x and y.

view.toMap({x:ktop,y:ktlft});

Try that