Map Gesture Controls

Appearance

Map Gesture ControlsControl maps with your hands

Browser-native hand gesture controls for OpenLayers. Powered by MediaPipe. No backend required.

Get Started
View on GitHub
Hand gesture controlling an OpenLayers map - pan with a fist, zoom with two open hands, powered by MediaPipe in the browser

Browser-native

Runs entirely in the browser using MediaPipe WASM. No server, no WebSocket, no data leaves the device.

OpenLayers integration

Drop-in gesture controller for OpenLayers maps. Pan with a fist, zoom with two open hands.

Configurable

Control webcam overlay position, size, and opacity. Tune gesture sensitivity, smoothing, and dead zones.

TypeScript

Fully typed API. GestureMapControllerConfig, WebcamConfig, TuningConfig, and all core types are exported.