Add locations, tune the style, copy a self-contained Google Maps block with click-to-focus location cards.
Live Preview click a card or its pin to isolate it, click again to show all locations
Enter a Google Maps API key in Map Settings below to preview the live map. The copied code will include whichever key you enter there.
Locations Name and Address are required; Directions Link opens in a new tab
Map Settings
Needs the Maps JavaScript API enabled; also enable the Geocoding API for any location left without exact coordinates. Restrict the key by HTTP referrer to your site's domain before it goes live.
Only used when Map filter is set to "Custom color".
Must be at least as large as the inner dot.
Optional. Shown as a centered heading overlaid on the top of the map.
The subtitle scales automatically from this.
Used when a card is clicked to isolate one pin.
Leave blank to auto-fit the map to every pin.
Desktop
Tablet
Mobile
Gap between boxes (and around the row's edges). Scales down automatically on tablet/mobile.
Generated Code
Insert HTML
Paste a previously copied (or hand-edited) Mapsilog code block below — it'll be parsed back into the locations and settings above so you can keep editing.