Embed Map

Direct Link

Embed Code

Copy and paste this HTML code into your website to embed the interactive map.

Fixed Square (400 × 400)

<iframe
  src="/map/embed"
  width="400"
  height="400"
  frameborder="0"
  style="border: 0; border-radius: 8px;"
  allowfullscreen
  title="Ambient Gaza Interactive Map">
</iframe>

Responsive (adapts to container width)

<!-- Responsive Container -->
<div style="position: relative; width: 100%; height: 500px; min-height: 400px;">
  <iframe
    src="/map/embed"
    width="100%"
    height="100%"
    frameborder="0"
    style="border: 0; border-radius: 8px; position: absolute; top: 0; left: 0;"
    allowfullscreen
    title="Ambient Gaza Interactive Map">
  </iframe>
</div>

<!-- Optional: Aspect Ratio Responsive (uncomment to use 16:9 ratio) -->
<!--
<div style="position: relative; width: 100%; padding-bottom: 56.25%; /* 16:9 aspect ratio */">
  <iframe
    src="/map/embed"
    width="100%"
    height="100%"
    frameborder="0"
    style="border: 0; border-radius: 8px; position: absolute; top: 0; left: 0;"
    allowfullscreen
    title="Ambient Gaza Interactive Map">
  </iframe>
</div>
-->

Customization

URL Parameters

?lat=31.4093 - Starting latitude

?lng=34.3781 - Starting longitude

?zoom=12 - Starting zoom level

Combine multiple parameters with & (e.g., ?lat=31.4093&lng=34.3781&zoom=12)

The embedded map includes all interactive features: categories, audio content, and location details.

Back to Home