Mapa Lab: Difference between revisions
Jump to navigation
Jump to search
Map Test
Akosikjoseph (talk | contribs) |
|||
| (8 intermediate revisions by 6 users not shown) | |||
| Line 95: | Line 95: | ||
alt="Tahanan ni Dr. Luis Santos" | alt="Tahanan ni Dr. Luis Santos" | ||
style="width: 200px; height: auto; margin-top: 8px; border-radius: 4px;"> | style="width: 200px; height: auto; margin-top: 8px; border-radius: 4px;"> | ||
<p style="font-size: 11px; color: #555; margin-bottom: 8px;">The " | <p style="font-size: 11px; color: #555; margin-bottom: 8px;">The "Rozaldes, Espanto, Trinidad"</p> | ||
<a href="https://wikimalolos.com/wikimalolos/index.php/Tahanan_ni_Dr._Luis_Santos" | <a href="https://wikimalolos.com/wikimalolos/index.php/Tahanan_ni_Dr._Luis_Santos" | ||
| Line 233: | Line 233: | ||
<div style="text-align: center;"> | <div style="text-align: center;"> | ||
<b style="font-size: 14px;">Ilog Tampoy</b><br> | <b style="font-size: 14px;">Ilog Tampoy</b><br> | ||
<img src="https://wikimalolos.com/wikimalolos/index.php/File: | <img src="https://wikimalolos.com/wikimalolos/index.php/File:Ilog_Tampoy.jpg" | ||
alt="Ilog Tampoy" | alt="Ilog Tampoy" | ||
style="width: 200px; height: auto; margin-top: 8px; border-radius: 4px;"> | style="width: 200px; height: auto; margin-top: 8px; border-radius: 4px;"> | ||
| Line 247: | Line 247: | ||
// STEP 3 Bind the HTML content to the polygon | // STEP 3 Bind the HTML content to the polygon | ||
ilogtampoyPolygon.bindPopup(popupContent); | ilogtampoyPolygon.bindPopup(popupContent); | ||
| Line 282: | Line 282: | ||
// STEP 3 Bind the HTML content to the polygon | // STEP 3 Bind the HTML content to the polygon | ||
comisariadeguerraPolygon.bindPopup(popupContent); | comisariadeguerraPolygon.bindPopup(popupContent); | ||
// POLYGON TYPE | |||
// STEP 1 Define Boundaries: Approximate boundaries of Barasoain Church | |||
var secretariaPolygon = L.polygon([ | |||
[14.843402, 120.810917], | |||
[14.843442, 120.811071], | |||
[14.843329, 120.811105], | |||
[14.843298, 120.810999], | |||
[14.843237, 120.810995], | |||
[14.843204, 120.810875], | |||
[14.843233, 120.810866], | |||
[14.843270, 120.810953], | |||
], { | |||
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;">Secretaria De Guerra</b><br> | |||
<img src="https://wikimalolos.com/wikimalolos/images/6/65/Secretaria_De_Guerra.png" | |||
alt="Secretaria De Guerra" | |||
style="width: 200px; height: auto; margin-top: 8px; border-radius: 4px;"> | |||
<p style="font-size: 11px; color: #555; margin-bottom: 8px;">The "Adriano, Bautista, Gloria"</p> | |||
<a href="https://wikimalolos.com/wikimalolos/index.php/Secretaria_De_Guerra" | |||
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 | |||
secretariaPolygon.bindPopup(popupContent); | |||
// POLYGON TYPE | |||
// STEP 1 Define Boundaries: Approximate boundaries of Barasoain Church | |||
var tampoyPolygon = L.polygon([ | |||
[14.843973, 120.811431], | |||
[14.843988, 120.811480], | |||
[14.843897, 120.811520], | |||
[14.843889, 120.811472], | |||
], { | |||
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;">Tulay Tampoy</b><br> | |||
<img src="https://upload.wikimedia.org/wikipedia/commons/a/a7/0123jfSanto_Ni%C3%B1o_Bautista_Bridge_Roads_Hall_Creek_Malolos_Cityfvf_02.JPG" | |||
alt="Tulay Tampoy" | |||
style="width: 200px; height: auto; margin-top: 8px; border-radius: 4px;"> | |||
<p style="font-size: 11px; color: #555; margin-bottom: 8px;">The "Adriano, Bautista, Gloria"</p> | |||
<a href="https://wikimalolos.com/wikimalolos/index.php/Tulay-Tampoy" | |||
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 | |||
tampoyPolygon.bindPopup(popupContent); | |||
// POLYGON TYPE | |||
// STEP 1 Define Boundaries: Approximate boundaries of Gobierno Militar De La Plaza De Malolos | |||
var gobiernomilitardelaplazademalolosPolygon = L.polygon([ | |||
[14.84308, 120.81038], | |||
[14.84311, 120.81050], | |||
[14.84291, 120.81055], | |||
[14.84288, 120.81044], | |||
], { | |||
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;">Gobierno Militar De La Plaza De Malolos</b><br> | |||
<img src="https://wikimalolos.com/wikimalolos/images/8/80/Gobiernomilitardelaplaza.jpg?20260519020008" | |||
alt="Gobierno Militar De La Plaza De Malolos" | |||
style="width: 200px; height: auto; margin-top: 8px; border-radius: 4px;"> | |||
<p style="font-size: 11px; color: #555; margin-bottom: 8px;">Atencio, Bautista, Clavio, Mapa</p> | |||
<a href="https://wikimalolos.com/wikimalolos/index.php/Gobierno_Militar_de_la_Plaza" | |||
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 | |||
gobiernomilitardelaplazademalolosPolygon.bindPopup(popupContent); | |||
// POLYGON TYPE | |||
// STEP 1 Define Boundaries: Approximate boundaries of Sectaria de Fomento | |||
var fomentoPolygon = L.polygon([ | |||
[14.842542, 120.810247], | |||
[14.842573, 120.810407], | |||
[14.842459, 120.810435], | |||
[14.842445, 120.810401], | |||
[14.842399, 120.810407], | |||
[14.842403, 120.810421], | |||
[14.842341, 120.810430], | |||
[14.842317, 120.810326], | |||
[14.842426, 120.810299], | |||
[14.842426, 120.810276], | |||
[14.842544, 120.810251], | |||
], { | |||
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;">Secretaria de Fomento</b><br> | |||
<img src="https://upload.wikimedia.org/wikipedia/commons/9/95/Jose_bautista_Bahay_na_bato_house_malolos.jpg" | |||
alt="Secretaria de Fomento" | |||
style="width: 200px; height: auto; margin-top: 8px; border-radius: 4px;"> | |||
<p style="font-size: 11px; color: #555; margin-bottom: 8px;">The “Nicodemus Pazon Sanares”</p> | |||
<a href="https://wikimalolos.com/wikimalolos/index.php/Antonio_Bautista" | |||
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 | |||
fomentoPolygon.bindPopup(popupContent); | |||
//DO EDIT/COPY CODE BEYOND THIS | |||
//DO EDIT/COPY CODE BEYOND THIS | |||
//DO EDIT/COPY CODE BEYOND THIS | |||
</script> | |||
</body> | |||
</html> | |||
<html><iframe src="https://wikimalolos.com/wp-admin/admin-ajax.php?action=h5p_embed&id=20" width="959" height="628" frameborder="0" allowfullscreen="allowfullscreen" title="Tara, Malolos!"></iframe><script src="https://wikimalolos.com/wp-content/plugins/h5p/h5p-php-library/js/h5p-resizer.js" charset="UTF-8"></script></html> | |||
//DO EDIT/COPY CODE BEYOND THIS | //DO EDIT/COPY CODE BEYOND THIS | ||
Latest revision as of 05:24, 19 May 2026
MAPA LAB CHEAT SHEET
//DO EDIT/COPY CODE BEYOND THIS //DO EDIT/COPY CODE BEYOND THIS //DO EDIT/COPY CODE BEYOND THIS
</script>
</body> </html>