Mapa Pamana Cultural Mapping Project: Difference between revisions

Revision as of 00:51, 13 May 2025

Map Test

@@ Line 1: / Line 1: @@
-Yes
+<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>
+<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: '&copy; <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>