Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/samgutentag/sbburgerweek/llms.txt

Use this file to discover all available pages before exploring further.

The embed widget lets local news sites and blogs drop your interactive map into any page with a single <iframe> tag. It lives at /embed/map, ships its own JavaScript and CSS separate from the main site, and includes a compact bar linking back to your full map. No API keys or server-side code required on the embedding site.

​
Embed snippet

Copy and paste this <iframe> tag wherever you want the map to appear. Update the src domain and title to match your event: 
<iframe
  src="https://sbburgerweekmap.com/embed/map"
  width="100%"
  height="600"
  style="border: none; border-radius: 8px;"
  title="SB Burger Week 2026 Interactive Map"
  loading="lazy"
  allowfullscreen
></iframe>

​
Embed vs main site differences

The embed is intentionally trimmed down for the constraints of an embedded context — narrower sidebar, smaller mobile breakpoint, and a compact header bar instead of the full site navigation.
Main siteEmbed
Sidebar width360px280px
Mobile breakpoint768px600px
JavaScriptapp.jsembed/map/embed.js
CSSstyle.cssembed/map/embed.css
HeaderFull header with navCompact bar with “Open full map” link

​
Customizing the embed

embed/map/embed.js and embed/map/embed.css are completely separate from app.js and style.css. The embed shares config.js and the restaurant data files with the main site (loaded via relative paths ../../), so restaurant data, theme configuration, and tracking are shared automatically. Layout and interaction code are not. If you update the main map’s filtering logic, popup layout, or any other feature in app.js, those changes will not appear in the embed. You need to implement the same change in embed/map/embed.js separately.

​
Showcase page

The /embed route serves an embed showcase page (embed/index.html) aimed at site owners. It displays a live preview of the embedded map alongside copy-paste instructions and the <iframe> snippet. apply-theme.py updates the showcase page’s title and favicon emoji to match your event when you run it.
Features added to app.js are not automatically available in embed/map/embed.js. Both files must be updated independently. If you add search highlighting, a new filter type, or any other interactive feature to the main site, check whether it should also appear in the embed and implement it there separately.

Build docs developers (and LLMs) love

Get started for freeTalk to us