North Park Leaflet Map

Embeddable web map of San Diego Community Plan Areas with emphasis on North Park. Built with Leaflet + Esri Leaflet using public SANDAG services.

---

Embed this map in your site

Square (1:1) — modern CSS (preferred):

<div style="max-width:600px; margin:0 auto; aspect-ratio:1/1;">
  <iframe
    src="https://joshalogs.github.io/north-park-leaflet-map/"
    title="North Park Planning Map"
    style="width:100%; height:100%; border:0"
    loading="lazy"
    referrerpolicy="no-referrer"
  >
  </iframe>
</div>

Square (1:1) — legacy fallback (padding hack, for older browsers/CMS):

<div style="max-width:600px; margin:0 auto; position:relative; width:100%; padding-bottom:100%;">
  <iframe
    src="https://joshalogs.github.io/north-park-leaflet-map/"
    title="North Park Planning Map"
    style="position:absolute; inset:0; width:100%; height:100%; border:0"
    loading="lazy"
    referrerpolicy="no-referrer"
  >
  </iframe>
</div>

Fixed size (simple):

<iframe
  src="https://joshalogs.github.io/north-park-leaflet-map/"
  title="North Park Planning Map"
  width="600"
  height="600"
  style="border:0"
  loading="lazy"
  referrerpolicy="no-referrer"
>
</iframe>

---

Data

• Community Plan Areas: SANDAG RDW – Community_Plan_SD (FeatureServer)
• Imagery: SANDAG 2023 Nearmap 9″ (ImageServer)
• Reference: Esri “Hybrid Reference Layer (US Edition)” – Vector Tile Layer
• Basemaps: OpenStreetMap; Esri Canvas Light Gray (Base, Reference); Esri Canvas Dark Gray (Base, Reference)

---

Notes

• Portions of this project were assisted by generative AI. All code and content were reviewed and edited by the maintainers.

---

License

MIT — see LICENSE.