Mapa Lab: Difference between revisions
Jump to navigation
Jump to search
Map Test
No edit summary |
Akosikjoseph (talk | contribs) |
||
| (11 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 175: | Line 175: | ||
// STEP 3 Bind the HTML content to the polygon | // STEP 3 Bind the HTML content to the polygon | ||
gusalingpampamahalaanngmalolosPolygon.bindPopup(popupContent); | gusalingpampamahalaanngmalolosPolygon.bindPopup(popupContent); | ||
// POLYGON TYPE | |||
// STEP 1 Define Boundaries: Approximate boundaries of Barasoain Church | |||
var bahayngmgatanchangcoPolygon = L.polygon([ | |||
[14.844311376004542, 120.81256831233246], | |||
[14.844335385977738, 120.81262031890348], | |||
[14.844149308615695, 120.81272355582806], | |||
[14.844086282376098, 120.81260091346655], | |||
[14.844228841701323, 120.81252018684881], | |||
[14.844267107609456, 120.8125915988568], | |||
], | |||
{ | |||
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;">Bahay Ng Mga Tanchangco</b><br> | |||
<img src="https://streetviewpixels-pa.googleapis.com/v1/thumbnail?panoid=Orp4ld-T8LC0zLEimvPujQ&cb_client=search.gws-prod.gps&w=408&h=240&yaw=326.76797&pitch=0&thumbfov=100" | |||
alt="Bahay Ng Mga Tanchangco" | |||
style="width: 200px; height: auto; margin-top: 8px; border-radius: 4px;"> | |||
<p style="font-size: 11px; color: #555; margin-bottom: 8px;">The "Aquino, Pormilos, Roxas"</p> | |||
<a href="https://wikimalolos.com/wikimalolos/index.php/Bahay_ng_mga_tanchangco" | |||
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 | |||
bahayngmgatanchangcoPolygon.bindPopup(popupContent); | |||
// POLYGON TYPE | |||
// STEP 1 Define Boundaries: Approximate boundaries of Barasoain Church | |||
var ilogtampoyPolygon = L.polygon([ | |||
[14.844024, 120.810870], | |||
[14.844004, 120.810990], | |||
[14.843850, 120.810987], | |||
[14.843861, 120.810882], | |||
], { | |||
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;">Ilog Tampoy</b><br> | |||
<img src="https://wikimalolos.com/wikimalolos/index.php/File:Ilog_Tampoy.jpg" | |||
alt="Ilog Tampoy" | |||
style="width: 200px; height: auto; margin-top: 8px; border-radius: 4px;"> | |||
<p style="font-size: 11px; color: #555; margin-bottom: 8px;">"Sinaunang Daungan ng Komersyo sa Malolos" Burgos, Dueñas, Reyna</p> | |||
<a href="https://wikimalolos.com/wikimalolos/index.php/Ilog_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 | |||
ilogtampoyPolygon.bindPopup(popupContent); | |||
// POLYGON TYPE | |||
// STEP 1 Define Boundaries: Approximate boundaries of Barasoain Church | |||
var comisariadeguerraPolygon = L.polygon([ | |||
[14.843755802559375, 120.8102657682469], | |||
[14.843775729314983, 120.81043291345799], | |||
[14.84337406121672, 120.81054177852788], | |||
[14.843300656078007, 120.81037716842492], | |||
], { | |||
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;">Comisaria De Guerra</b><br> | |||
<img src="https://wikimalolos.com/wikimalolos/index.php/File:Comisagiadeguerra.jpg" | |||
alt="Comisaria De Guerra" | |||
style="width: 200px; height: auto; margin-top: 8px; border-radius: 4px;"> | |||
<p style="font-size: 11px; color: #555; margin-bottom: 8px;">The "Laureta Inocencio Mabingnay Maglalang"</p> | |||
<a href="https://wikimalolos.com/wikimalolos/index.php/Comisaria_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 | |||
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> | |||
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>