Tara, Malolos!: Difference between revisions

Tara, Malolos! (view source)

473 bytes added , Friday at 22:22

no edit summary

2,241

edits

@@ Line 49: / Line 49: @@
   // Polygon: Approximate boundary of Barasoain Church
-  var barasoainPolygon = L.polygon([
+var barasoainPolygon = L.polygon([
-    [14.846952933499336, 120.81225915935168],
+  [14.846952933499336, 120.81225915935168],
-    [14.84639927994201, 120.81201259956772],
+  [14.84639927994201, 120.81201259956772],
-    [14.846204950097054, 120.81256261510248],
+  [14.846204950097054, 120.81256261510248],
-    [14.846740270448107, 120.81277883038656],
+  [14.846740270448107, 120.81277883038656],
-  ], {
+], {
-    color: 'red',
+  color: 'red',
-    fillColor: '#f03',
+  fillColor: '#f03',
-    fillOpacity: 0.4
+  fillOpacity: 0.4
-  }).addTo(map);
+}).addTo(map);
-   barasoainPolygon.bindPopup('Barasoain Church');
+// Define the popup content with an image
+var popupContent = `
+   <div style="text-align: center;">
+    <b style="font-size: 14px;">Barasoain Church</b><br>
+    <img src="https://upload.wikimedia.org/wikipedia/commons/d/dd/Barasoain_church.jpg"
+         alt="Barasoain Church"
+         style="width: 200px; height: auto; margin-top: 8px; border-radius: 4px;">
+    <p style="font-size: 11px; color: #555;">The "Cradle of Democracy in the East"</p>
+  </div>
+`;
+// Bind the HTML content to the polygon
+barasoainPolygon.bindPopup(popupContent);
 </script>