Gran cantidad de puntos de datos a esri-leaflet

Question

Hola,

He creado una aplicación web leaflet (https://alsi.gie.eu/data-visualisation/maps), y ahora deseo agregar capas encima que están alojadas en https://services.arcgis.com/W1S2EV01pfLNmn8R/arcgis/rest/services/network1908/FeatureServer.

He intentado usar las capas alojadas directamente en el FeatureServer, pero encontré que esto consume demasiados datos. Cada vez que hacía zoom, toda la aplicación se bloqueaba debido al redibujado. Lo he añadido así:

L.esri.featureLayer({
url: 'https://services.arcgis.com/W1S2EV01pfLNmn8R/arcgis/rest/services/network1908/FeatureServer/9',
style: function () {
return { color: "#c29ed7", weight: 0.5, opacity: 0.5, stroke: true, fill: false };
}
}).addTo(map);

Luego me encontré con problemas similares en https://github.com/Esri/esri-leaflet/issues/738. Pensé que necesitaría convertir el FeatureServer a MapServer o encontrar otra solución que básicamente proyecte una imagen en lugar de todo el shapefile sobre el mapa leaflet. ¿Alguien podría indicarme la dirección correcta aquí? Sería muy útil si explican los pasos, ya que no soy muy competente en ARCGIS/ESRI.

Raul_Jimenez · Answer

Hi @DanielDormont  I just read "Evaluating the Performance of Three Popular Web Mapping Libraries: A Case Study Using Argentina’s Life Quality Index" (compares Leaflet, Mapbox GL JS and OpenLayers) and remembered me this thread:

...And leaflet does work with WebGL, via esri-leaflet-vector, doesn't it? In fact that's something I've been wondering. Since we already use esri-leaflet-vector to show vector basemaps, is there not a way to use that same technology with feature layers?

Spoiler of the conclusions 😜:

I will see if I can do my own research and include the ArcGIS API for JS too to the equation 😉, it would be nice to have a rigorous analysis considering them all and different visualization types.

Raul_Jimenez · Answer

Sorry @DanielDormont for the delay!

And leaflet does work with WebGL, via esri-leaflet-vector, doesn't it? In fact that's something I've been wondering. Since we already use esri-leaflet-vector to show vector basemaps, is there not a way to use that same technology with feature layers?

I don't think there is an easy way.

As you can see vector basemaps relies on maplibre-gl-js, and basemap tile services and feature layers services are very different. esri-leaflet-vector, but it would be better to ask in the repo.

I guess by "generic" I just meant that Leaflet can pull data including basemaps from any source; we have some customers who have their own custom data sources they want to use.

🤔... did you know that the JS API can also be used with any custom data source? I mean, there are some standard layers (GeoJSON, CSV, KML, WFS, ...) , and if none of them fit, you can also do it by drawing directly in a GraphicsLayer (in memory) or populating a FeatureLayer using an array graphics (example).

In fact, we even have a few applications where the coordinate data aren't geographic at all, and we use https://leafletjs.com/examples/crs-simple/crs-simple.html to display them.

I agree that for use cases like this one I wouldn't use the ArcGIS Maps SDK for JavaScript either :) .

I hope you have a happy new year eve!! 🥳

DanielDormont · Answer

Hi @Raul_Jimenez thanks for the reply, that's very interesting. I guess by "generic" I just meant that Leaflet can pull data including basemaps from any source; we have some customers who have their own custom data sources they want to use. In fact, we even have a few applications where the coordinate data aren't geographic at all, and we use https://leafletjs.com/examples/crs-simple/crs-simple.html to display them.

And leaflet does work with WebGL, via esri-leaflet-vector, doesn't it? In fact that's something I've been wondering. Since we already use esri-leaflet-vector to show vector basemaps, is there not a way to use that same technology with feature layers?