OpenLayers

OpenLayers projects and tutorials: gesture-controlled maps with MediaPipe, the Open GeoWeb weather platform, and interactive map rendering with React and TypeScript.

OpenLayers projects

  1. 3 Apr 2026

    Screen recording of the map gesture control demo showing an OpenLayers map with a small webcam preview in the corner. A user pans the map by making a fist and moving their hand, then zooms by spreading two open hands apart. All hand tracking and gesture detection runs in the browser using MediaPipe WASM with no backend.

    Open Source Hand Gesture Controls for Maps in the Browser

    Open source library for controlling OpenLayers, Google Maps, and Leaflet with hand gestures. Pan, zoom, and rotate maps without touching the screen.

  2. 1 Jan 2020

    Open GeoWeb

    Open GeoWeb

    Open source web platform for real-time weather monitoring and geospatial data visualization. Built for meteorologists to create forecasts, alerts, and warnings.

OpenLayers articles

  1. 12 Apr 2026

    Gesture Controls for OpenLayers, Google Maps & Leaflet

    Gesture Controls for OpenLayers, Google Maps & Leaflet

    Add open source hand gesture controls to OpenLayers, Google Maps and Leaflet with MediaPipe hand tracking. Pan, zoom and rotate maps by webcam.