How can I extract an attribute based on where my geolocation is? (CODEPEN.io included)

GeoDev

 

I'm creating a soil map using the ESRI JavaScript API and I've coded the soil map service and geolocation locate tool. Overall, I'm creating a full stack web app and I want to retrieve the soil order (which I've displayed in the popup so you can see) and put that attribute value in a global variable in the overall application, but I want that value to be the exact location as to where your geolocation tool shows you. So if I click the locate tool, I want to retrieve the exact soil order that is underneath my feet at that moment.

CODE: https://codepen.io/ggii/pen/MWmMXxv

ReneRubalcava

You can listen for the Locate widget "locate" event.

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Locate.html#event-locate

This gives you a geolocation position. You can then turn this into a screenPoint, use view.toScreen()

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

Make sure to instantiate the lat/long as a new Point.

Then you can use the View hitTest to find any data at that location.

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

 

locate.on("locate", (event) => {
  const { latitude, longitude } = event.position.coords;
  const screenPoint = view.toScreen(new Point({ latitude, longitude }));
  view.hitTest(screenPoint).then((hitTestResult) => {
    console.log(hitTestResult);
  });
});

 

Alternatively, you can use the point as a the geometry of a query to find the data as well.

https://developers.arcgis.com/javascript/latest/sample-code/featurelayer-query-basic/