Geospatial

3D Map Engine

100K+ markers rendered at 60 FPS

Live demo

Explore the 3D map

GPU-rendered order density and delivery flows over Tehran — drag to pan, two fingers to orbit, pinch to zoom.

Overview

The 3D Map Engine renders hundreds of thousands of interactive markers on top of vector basemaps without dropping frames. A custom instanced-mesh layer is synchronised with the MapLibre camera so overlays stay pixel-perfect while the user pans, zooms and tilts.

Key features

Instanced rendering of 100K+ markers on a single draw call
Camera-synced Three.js overlay layered over MapLibre GL
Level-of-detail culling driven by the viewport frustum
Smooth fly-to transitions with easing and inertia

Highlights

Sustained 60 FPS on mid-range hardware
Sub-16ms interaction latency
Memory footprint reduced by 70% via instancing

Next project

Analytics Platform

All projects

Geospatial

3D Map Engine

100K+ markers rendered at 60 FPS

Live demo

Explore the 3D map

GPU-rendered order density and delivery flows over Tehran — drag to pan, two fingers to orbit, pinch to zoom.

Overview

Key features

Instanced rendering of 100K+ markers on a single draw call
Camera-synced Three.js overlay layered over MapLibre GL
Level-of-detail culling driven by the viewport frustum
Smooth fly-to transitions with easing and inertia

Highlights

Sustained 60 FPS on mid-range hardware
Sub-16ms interaction latency
Memory footprint reduced by 70% via instancing

Next project

Analytics Platform