|
|
| Line 1: |
Line 1: |
| <html>
| | yes |
| <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>
| |
| | |
| <div id="map"></div>
| |
| | |
| <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
| |
| <script>
| |
| var map = L.map('map').setView([14.8432, 120.8114], 14); // Center on Malolos City
| |
| | |
| // MapTiler tile layer
| |
| L.tileLayer('https://api.maptiler.com/maps/streets/{z}/{x}/{y}.png?key=Y2PXAZcKI4qY0zpEUqOi', {
| |
| tileSize: 512,
| |
| zoomOffset: -1,
| |
| attribution: '© <a href="https://www.maptiler.com/">MapTiler</a> & <a href="https://www.openstreetmap.org/">OpenStreetMap</a>'
| |
| }).addTo(map);
| |
| | |
| // Marker: Malolos City with clickable URL
| |
| L.marker([14.8432, 120.8114]).addTo(map)
| |
| .bindPopup('<b>Malolos City</b><br><a href="https://malolos.gov.ph" target="_blank">Visit Website</a>')
| |
| .openPopup();
| |
| | |
| // Marker: Bulacan State University with article link
| |
| L.marker([14.8405, 120.8116]).addTo(map)
| |
| .bindPopup('<b>Bulacan State University (BulSU)</b><br><a href="https://wikimalolos.com/wikimalolos/index.php/Making_a_Case_for_a_Historical_Founding_Date_of_Bulacan_State_University" target="_blank">Read Historical Article</a>');
| |
| </script>
| |
| | |
| </body>
| |
| </html>
| |