mirror of
https://github.com/Leaflet/Leaflet.git
synced 2025-12-08 21:26:14 +00:00
c2324e52e2
Now that tile.openstreetmap.org supports HTTP/2 + HTTP/3 the old (a|b|c).tile.openstreetmap.org is no longer recommended. Use tile.openstreetmap.org directly is faster and will likely result in a better cache hit ratio. Signed-off-by: Grant Slater <git@firefishy.com> Signed-off-by: Grant Slater <git@firefishy.com>
46 lines
1.4 KiB
HTML
46 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Leaflet debug page</title>
|
|
|
|
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
|
|
|
<link rel="stylesheet" href="../css/screen.css" />
|
|
|
|
<script src="../../dist/leaflet-src.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="map"></div>
|
|
|
|
<script>
|
|
|
|
var osmUrl = 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
|
|
osmAttrib = '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
|
|
osm = L.tileLayer(osmUrl, {maxZoom: 18, attribution: osmAttrib}),
|
|
osm2 = new L.TileLayer(osmUrl, {attribution: 'Hello world'});
|
|
|
|
var map = new L.Map('map').addLayer(osm).setView(new L.LatLng(50.5, 30.512), 15);
|
|
|
|
var marker = new L.Marker(new L.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 HTML5 and CSS3 on modern browsers while still being accessible on older ones.").openPopup();
|
|
|
|
var marker2 = new L.Marker(new L.LatLng(50.502, 30.515));
|
|
map.addLayer(marker2);
|
|
|
|
var layersControl = new L.Control.Layers({
|
|
'OSM': osm,
|
|
'OSM2': osm2
|
|
}, {
|
|
'Some marker': marker,
|
|
'Another marker': marker2
|
|
});
|
|
|
|
map.addControl(layersControl);
|
|
map.addControl(new L.Control.Scale());
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|