esri-leafletへの大量のデータポイント

Question

こんにちは、

私はleafletのウェブアプリケーション（https://alsi.gie.eu/data-visualisation/maps）を作成しました。次に、 https://services.arcgis.com/W1S2EV01pfLNmn8R/arcgis/rest/services/network1908/FeatureServerでホストされているレイヤーを上に追加したいと考えています。

FeatureServerで直接ホストされているレイヤーを使用しようとしましたが、非常にデータ集約的であることがわかりました。ズームインするたびに、再描画のためにアプリケーション全体がクラッシュしました。以下のように追加しました：

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

その後、 https://github.com/Esri/esri-leaflet/issues/738で同様の問題に遭遇しました。FeatureServerをMapServerに変換するか、基本的にshapefile全体ではなく画像をleafletマップに投影する別の解決策を見つける必要があると考えました。どなたか正しい方向を教えていただけますか？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?