How do I embed a Google Map with multiple locations in Squarespace?
Use the Advanced Map Block plugin, which is built on the Google Maps instance and displays multiple locations on one embedded map. Add a Gallery, Blog, or Events collection with each item's Location Tab filled, then set a Map Block to Use Collection Locations pointing at that collection to render the Google Map with all pins.
Why a plain embed won’t scale
A standard Google Maps iframe embed only shows one location, and Squarespace’s native Map Block is likewise single-location (Squarewebsites). For a map with several locations you need the Advanced Map Block, which is built on the Google Maps instance and exposes its markers array and filter function (Squarewebsites).
Setting up the multi-location map
- Create a Gallery, Blog, or Events collection with one item per location.
- Fill in each item’s Location Tab with the address or coordinates.
- Add a Map Block to the page, choose Use Collection Locations, and select your collection (Squarewebsites).
The plugin renders a real Google Map with all of the collection’s pins, and you can apply Snazzy Maps or Google Maps styles — with custom style values starting at 11 since Squarespace reserves 1 through 10 (Squarewebsites).
Plan and delivery
The plugin requires sitewide Code Injection, so use a Business or Commerce plan; on a Personal plan a Markdown block workaround may break (Squarewebsites). After purchase, the code is sent within 24 hours for you to paste into Header or Footer Injection (Squarewebsites).
See the full Advanced Map Block product page on squarewebsites.org for live pricing, demos, and setup details.
Sources: squarewebsites.org · squarewebsites.org