2,019
edits
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], | 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 | .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> |