336
edits
Mapa Lab: Difference between revisions
no edit summary
No edit summary |
|||
| Line 140: | Line 140: | ||
// STEP 3 Bind the HTML content to the polygon | // STEP 3 Bind the HTML content to the polygon | ||
casarealPolygon.bindPopup(popupContent); | casarealPolygon.bindPopup(popupContent); | ||
// POLYGON TYPE | |||
// STEP 1 Define Boundaries: Approximate boundaries of Barasoain Church | |||
var gusalingpampamahalaanngmalolosPolygon = L.polygon([ | |||
[14.84387118470922, 120.81099862656768], | |||
[14.843867241272276, 120.81129031671115], | |||
[14.843724871656097, 120.81134041160257], | |||
[14.843633496004264, 120.81105817587596], | |||
], { | |||
color: 'red', | |||
fillColor: '#f03', | |||
fillOpacity: 0.4 | |||
}).addTo(map); | |||
// STEP 2 Define the popup content with an image | |||
var popupContent = ` | |||
<div style="text-align: center;"> | |||
<b style="font-size: 14px;">Gusaling Pampamahalaan ng Malolos</b><br> | |||
<img src="https://wikimalolos.com/wikimalolos/images/1/1b/Gusaling_Pampamahalaan_ng_Malolos.jpeg" | |||
alt="Gusaling Pampamahalaan ng Malolos" | |||
style="width: 200px; height: auto; margin-top: 8px; border-radius: 4px;"> | |||
<p style="font-size: 11px; color: #555; margin-bottom: 8px;">Sentro ng Kapangyarihan sa Bayan ng Malolos Estrella Cabuang Calajate Abequibel Dejesus"</p> | |||
<a href="https://wikimalolos.com/wikimalolos/index.php/Gusaling_Pampamahalaan_ng_Malolos" | |||
target="_blank" | |||
style="color: #007bff; text-decoration: none; font-weight: bold; font-size: 12px;"> | |||
Learn More at Wiki Malolos → | |||
</a> | |||
</div> | |||
`; | |||
// STEP 3 Bind the HTML content to the polygon | |||
gusalingpampamahalaanngmalolosPolygon.bindPopup(popupContent); | |||