Casimiro Buendia: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
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], 13); // Coordinates for Malolos City
   var map = L.map('map').setView([14.8432, 120.8114], 14); // Centered on Malolos City


  // MapTiler tile layer
   L.tileLayer('https://api.maptiler.com/maps/streets/{z}/{x}/{y}.png?key=Y2PXAZcKI4qY0zpEUqOi', {
   L.tileLayer('https://api.maptiler.com/maps/streets/{z}/{x}/{y}.png?key=Y2PXAZcKI4qY0zpEUqOi', {
     tileSize: 512,
     tileSize: 512,
Line 20: Line 21:
   }).addTo(map);
   }).addTo(map);


  // Marker: Malolos City
   L.marker([14.8432, 120.8114]).addTo(map)
   L.marker([14.8432, 120.8114]).addTo(map)
     .bindPopup('Malolos City, Bulacan')
     .bindPopup('Malolos City')
     .openPopup();
     .openPopup();
  // Marker: Bulacan State University
  L.marker([14.8405, 120.8116]).addTo(map)
    .bindPopup('Bulacan State University (BulSU)');
</script>
</script>


</body>
</body>
</html>
</html>

Navigation menu