Casimiro Buendia: Difference between revisions

Revision as of 00:36, 13 May 2025

Map Test

@@ Line 1: / Line 1: @@
+<html>
+<head>
+  <title>Map Test</title>
+  <meta charset="utf-8">
+  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
+  <style>#map { height: 500px; }</style>
+</head>
+<body>
-<!-- Map container -->
+<div id="map"></div>
-<div id="map" style="height: 500px;"></div>
-<!-- Load Leaflet -->
-<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
 <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
-<!-- Initialize the map -->
 <script>
-   var map = L.map('map').setView([48.8584, 2.2945], 13); // Example: Eiffel Tower
+   var map = L.map('map').setView([48.8584, 2.2945], 13);
    L.tileLayer('https://api.maptiler.com/maps/streets/{z}/{x}/{y}.png?key=Y2PXAZcKI4qY0zpEUqOi', {
      tileSize: 512,
      zoomOffset: -1,
-     attribution: '&copy; <a href="https://www.maptiler.com/copyright/">MapTiler</a> & <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+     attribution: '&copy; MapTiler & OpenStreetMap'
    }).addTo(map);
+</script>
-  // Optional marker
+</body>
-  L.marker([48.8584, 2.2945]).addTo(map)
+</html>
-    .bindPopup('Eiffel Tower')
-    .openPopup();
-</script>