Files
leaflet/docs/examples/overlays/example-nocontrols.md
Florian Bischof 20654cd159 Replace Mapbox with OpenStreetMap (#7818)
* Replace Mapbox with OpenStreetMap

Replace Mapbox with OpenStreetMap

* Revert Gemfile

* Replace blanks with tabs

* Fix lint

* Replace Mapbox with OSM

* Add OSM Tile Usage Policy link

* typo: productive→production

Co-authored-by: Iván Sánchez Ortega <ivan@sanchezortega.es>
2022-05-27 11:33:15 +03:00

810 B

layout, title
layout title
tutorial_frame Video Overlay Tutorial
<script> var map = L.map('map'); var tiles = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 19, attribution: '© OpenStreetMap' }).addTo(map); var videoUrls = [ 'https://www.mapbox.com/bites/00188/patricia_nasa.webm', 'https://www.mapbox.com/bites/00188/patricia_nasa.mp4' ]; var errorOverlayUrl = 'https://cdn-icons-png.flaticon.com/512/110/110686.png'; var bounds = L.latLngBounds(32, -130], [13, -100); map.fitBounds(bounds); var videoOverlay = L.videoOverlay(videoUrls, bounds, { opacity: 0.8, errorOverlayUrl: errorOverlayUrl, interactive: true, autoplay: true, muted: true, playsInline: true }).addTo(map); </script>