Grande quantidade de pontos de dados para esri-leaflet

Question

Olá,

Eu criei uma aplicação web leaflet (https://alsi.gie.eu/data-visualisation/maps), em seguida, desejo adicionar camadas por cima que estão hospedadas em https://services.arcgis.com/W1S2EV01pfLNmn8R/arcgis/rest/services/network1908/FeatureServer.

Tentei usar as camadas diretamente hospedadas no featureserver, mas achei isso muito intensivo em dados. Sempre que eu dava zoom, toda a aplicação travava; por causa do redesenho. Eu adicionei assim:

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);

Então encontrei problemas semelhantes em https://github.com/Esri/esri-leaflet/issues/738. Percebi que precisaria ou converter o FeatureServer para MapServer ou encontrar outra solução que basicamente projete uma imagem ao invés do shapefile inteiro no mapa leaflet. Alguém poderia me indicar a direção certa aqui? Seria muito útil se você explicasse os passos, pois não sou muito proficiente em 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?