Mapa Pamana Cultural Mapping Project: Difference between revisions

Revision as of 02:01, 13 May 2025

Map Test

@@ Line 12: / Line 12: @@
 <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
+   var map = L.map('map').setView([14.8432, 120.8114], 16); // Zoom in closer
    // MapTiler tile layer
@@ Line 21: / Line 21: @@
    }).addTo(map);
-   // Marker: Malolos City with clickable URL
+   // Coordinates
-   L.marker([14.8432, 120.8114]).addTo(map)
+   const malolosCoords = [14.8432, 120.8114];
+  const bulsuCoords = [14.8405, 120.8116];
+  // Marker: Malolos City
+  L.marker(malolosCoords).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
+   // Marker: Bulacan State University
-   L.marker([14.8405, 120.8116]).addTo(map)
+   L.marker(bulsuCoords).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>');
+  // Route (polyline) between the two markers
+  var route = L.polyline([bulsuCoords, malolosCoords], {
+    color: 'blue',
+    weight: 4,
+    opacity: 0.7,
+    smoothFactor: 1
+  }).addTo(map);
+  // Optional: fit map view to the route
+  map.fitBounds(route.getBounds());
 </script>