topic Re: In ESRI Leaflet, is it possible to grab a value from layer on a click event? in Open Source Mapping Libraries Ques.

In ESRI Leaflet, is it possible to grab a value from layer on a click event?

GeoDev — Fri, 25 Aug 2023 20:13:13 GMT

I did it in ESRI JS API like this:

view.on("immediate-click", (event) => {
const latitude = event.mapPoint.latitude;
const longitude = event.mapPoint.longitude;
const screenPoint = view.toScreen(new Point({latitude, longitude}));
view.hitTest(screenPoint).then((hitTestResult) => {
console.log(hitTestResult);
soilOrder = hitTestResult.results[0].graphic.attributes.esrisymbology;
console.log(soilOrder);

But I want to do it in Leaflet since it'll be more suited for my needs. Any idea how I can do this in leaflet?

Re: In ESRI Leaflet, is it possible to grab a value from layer on a click event?

DanielDormont — Tue, 12 Oct 2021 02:27:37 GMT

I don't know Esri JS very well, but in Leaflet you can bind click events either to the entire map or to a particular marker:

marker.on('click', function (e) { alert(e.latlng); });

Re: In ESRI Leaflet, is it possible to grab a value from layer on a click event?

Anonymous User — Tue, 12 Oct 2021 19:22:58 GMT

@DanielDormont is right, @GeoDev, you can attach a click listener to your Leaflet layer instance. Let's say you are using an esri-leaflet L.esri.FeatureLayer, then you could attach a click listener like so and inspect the event object to get client-side feature attributes.

myFeatureLayer.on('click', function(e) {
  console.log(e.layer.feature.properties);
});

Reference: https://esri.github.io/esri-leaflet/api-reference/layers/feature-layer.html#events