Live demo

NexusRoute

A logistics map on Leaflet: simulated shipments and routes between 12 hub cities, drawn from GeoJSON. The stress test adds 40 markers, ten per animation frame.

LeafletReactGeoJSON

How it works

  • Markers arrive in batches.

    The stress test adds ten markers per animation frame, so the map paints between batches instead of freezing until the last one.

  • The map loads when it's needed.

    Leaflet is its own chunk, fetched when this page opens, so no other page pays for it.

  • The data is GeoJSON.

    Hubs, markers and routes are plain feature collections, the format a real tracking feed would send.