Mapa Lab: Difference between revisions

From Wiki Malolos
Jump to navigation Jump to search
 
(12 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 "Tahanan ng Optalmologo"</p>
     <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 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);
 
 
 
// 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

Map Test



//DO EDIT/COPY CODE BEYOND THIS //DO EDIT/COPY CODE BEYOND THIS //DO EDIT/COPY CODE BEYOND THIS

</script>

</body> </html>