Warps an HTML5 video onto four arbitrary map corners using CSS 3D transforms, so footage can be registered to the ground it was filmed over. Every example below is live — pan and zoom the map.
Most of these show footage that is not aligned to the map being registered onto the ground it covers — which is the reason the plugin exists. These use Leaflet 1's
lowercase factories (L.map, L.latLng).
Footage stored 30° off north-up, placed on the ground it actually covers. Four named corners.
North-up footage on two opposite corners. Axis-aligned, so it takes the scale-and-translate path.
The same rotated footage and corners, given as a clockwise array.
Rotated footage on a rotated map, bearing 0–360° via leaflet-rotate-map.
Leaflet 2 replaced the factories with constructors (new L.Map) and made
the ES module the default entry point, so a script-tag page loads
dist/leaflet-global.js. The plugin itself needs no version switch — the same build
serves both.