HomelessHelp.net
Get Help

For partners

Embed the HomelessHelp map

Add the full HomelessHelp shelter directory to your own website with a single iframe. Free, no API key, no attribution registration. Good fit for shelter websites, city pages, news articles, and university resource pages.

Copy this snippet

Paste anywhere HTML can be embedded — a CMS block, a Squarespace HTML element, a WordPress custom HTML widget, a Notion embed, etc.

<iframe
  src="https://homelesshelp.net/embed/map"
  width="100%"
  height="600"
  style="border:0; max-width: 100%; min-height: 500px;"
  loading="lazy"
  allow="geolocation"
  title="HomelessHelp shelter map">
</iframe>

Live preview

Options

  • Height: adjust the height attribute. 500-800 pixels works well. Use min-height with height: 100vh for a full-screen layout.
  • Width: we recommend width="100%" with a CSS max-width on the parent container.
  • Geolocation: include allow="geolocation" so the "Use my location" button works for visitors who consent.
  • Lazy loading: we recommend loading="lazy" so the map only loads when scrolled into view.
  • Direct link: if iframe isn't an option, just link to /map on homelesshelp.net — the page is mobile-responsive.

Attribution

The embed includes a small "Powered by HomelessHelp.net" link in the corner. If you disable that link via CSS, please add visible attribution elsewhere on the page (e.g. in your footer or a credits section). The HomelessHelp data and code are CC-BY-4.0; keeping the attribution visible is what makes the license work.

Who this is for

  • Shelter and service-provider websites — embed the directory so visitors can find adjacent resources.
  • Municipal "resource hub" pages — a city or county social-services site that wants to surface live shelter data.
  • News articles — give readers an interactive map alongside your reporting.
  • Library and university resource guides — easy to drop into a LibGuide or Canvas page.
  • Outreach team intake pages — let people in crisis explore options before calling.

Questions or want a customized embed?

Open an issue at github.com/LukasJT/homelesshelp/issues. We can advise on responsive sizing, filtering the map to a specific region, or integrating other parts of the directory.