2,249
edits
Mapa Lab: Difference between revisions
→MAPA LAB CHEAT SHEET
| Line 23: | Line 23: | ||
}).addTo(map); | }).addTo(map); | ||
//BELOW IS A POLYGON TYPE MAP MARKER | |||
//BELOW IS A POLYGON TYPE MAP MARKER | |||
//BELOW IS A POLYGON TYPE MAP MARKER | |||
// POLYGON TYPE: Approximate boundaries of Barasoain Church | // POLYGON TYPE | ||
// STEP 1 Define Boundaries: Approximate boundaries of Barasoain Church | |||
var barasoainPolygon = L.polygon([ | var barasoainPolygon = L.polygon([ | ||
[14.846952933499336, 120.81225915935168], | [14.846952933499336, 120.81225915935168], | ||
| Line 41: | Line 42: | ||
}).addTo(map); | }).addTo(map); | ||
// Define the popup content with an image | // STEP 2 Define the popup content with an image | ||
var popupContent = ` | var popupContent = ` | ||
<div style="text-align: center;"> | <div style="text-align: center;"> | ||
| Line 53: | Line 54: | ||
target="_blank" | target="_blank" | ||
style="color: #007bff; text-decoration: none; font-weight: bold; font-size: 12px;"> | style="color: #007bff; text-decoration: none; font-weight: bold; font-size: 12px;"> | ||
Learn More at | Learn More at Wiki Malolos → | ||
</a> | </a> | ||
</div> | </div> | ||
`; | `; | ||
// STEP 3 Bind the HTML content to the polygon | |||
// Bind the HTML content to the polygon | |||
barasoainPolygon.bindPopup(popupContent); | barasoainPolygon.bindPopup(popupContent); | ||
| Line 68: | Line 67: | ||
//DO EDIT/COPY CODE BEYOND THIS | |||
//DO EDIT/COPY CODE BEYOND THIS | |||
//DO EDIT/COPY CODE BEYOND THIS | |||
//DO EDIT BEYOND THIS | |||
//DO EDIT BEYOND THIS | |||
//DO EDIT BEYOND THIS | |||
</script> | </script> | ||