Mapa Pamana Cultural Mapping Project: Difference between revisions

Latest revision as of 02:02, 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], 16); // Zoom in closer
+   var map = L.map('map').setView([14.8432, 120.8114], 14); // Center on Malolos City
    // MapTiler tile layer
@@ Line 21: / Line 21: @@
    }).addTo(map);
-   // Coordinates
+   // Marker: Malolos City with clickable URL
-   const malolosCoords = [14.8432, 120.8114];
+   L.marker([14.8432, 120.8114]).addTo(map)
-  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
+   // Marker: Bulacan State University with article link
-   L.marker(bulsuCoords).addTo(map)
+   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>');
-  // 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>