/
githubmirror
/
Leaflet
Обзор
Документация
Войти
/
githubmirror
/
Leaflet
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
debug/map/controls.html
48 строк
2 KB
Simon Legner
Control: stop exposing modules on other classes (#10054)
07 янв 2026, 18:01
Не верифицирован
07 янв 2026, 18:01
35e4ac2
Код
Авторство
О чём код?
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Leaflet debug page - Control</title> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" /> <link rel="stylesheet" href="../../dist/leaflet.css" /> <link rel="stylesheet" href="../css/screen.css" /> <script type="importmap"> { "imports": { "leaflet": "../../dist/leaflet-src.js" } } </script> </head> <body> <div id="map"></div> <script type="module"> import {TileLayer, LeafletMap, Marker, LatLng, LayersControl, ScaleControl} from 'leaflet'; const osmUrl = 'https://tile.openstreetmap.org/{z}/{x}/{y}.png'; const osmAttrib = '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'; const osm = new TileLayer(osmUrl, {maxZoom: 18, attribution: osmAttrib}); const osm2 = new TileLayer(osmUrl, {attribution: 'Hello world'}); const map = new LeafletMap('map').addLayer(osm).setView(new LatLng(50.5, 30.512), 15); const marker = new Marker(new LatLng(50.5, 30.505)); map.addLayer(marker); marker.bindPopup('Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms out of the box, taking advantage of modern browser features while still being accessible on older ones.').openPopup(); const marker2 = new Marker(new LatLng(50.502, 30.515)); map.addLayer(marker2); const layersControl = new LayersControl({ 'OSM': osm, 'OSM2': osm2 }, { 'Some marker': marker, 'Another marker': marker2 }); map.addControl(layersControl); map.addControl(new ScaleControl()); </script> </body> </html>