2,007
edits
Mapa Pamana Cultural Mapping Project: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary Tag: Reverted |
||
| Line 12: | Line 12: | ||
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script> | <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script> | ||
<script> | <script> | ||
var map = L.map('map').setView([14.8432, 120.8114], | var map = L.map('map').setView([14.8432, 120.8114], 16); // Zoom in closer | ||
// MapTiler tile layer | // MapTiler tile layer | ||
| Line 21: | Line 21: | ||
}).addTo(map); | }).addTo(map); | ||
// | // Coordinates | ||
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>') | .bindPopup('<b>Malolos City</b><br><a href="https://malolos.gov.ph" target="_blank">Visit Website</a>') | ||
.openPopup(); | .openPopup(); | ||
// Marker: Bulacan State University | // Marker: Bulacan State University | ||
L.marker( | 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>'); | .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> | </script> | ||