A searchable map of your locations on a HubSpot page. A visitor types a town, filters by category, or presses the near-me button, and gets the closest branch with the distance on the card and a directions link that opens in their own map app.
Click a card and the map flies to that location at street level and opens its bubble. Click a marker and the card is activated and scrolled into view. Search, filtering, distance sorting, the radius limit and marker grouping all run in the visitor’s browser against the locations already on the page.
Every option below is a real, editable field in the HubSpot page editor.
Google Maps runs on your own Cloud key, restricted to your domains. The street map is Leaflet, bundled inside the module, on a basemap that draws with no key. Locations, search, distance sorting, marker grouping and the list-to-map sync work the same on either. Set the mode to Google and leave the key empty and the street map is drawn, so a published page always shows a map.
The near-me button asks the browser for a position, measures the distance to every location, sorts the cards nearest first and offers a radius picker. When nothing falls inside that radius it shows the closest locations with their real distances. Kilometres or miles, to the decimal place you choose.
Name, address, coordinates, phone, email, opening hours, category, photograph, link and a short note — plus detail rows carrying a line of text and an icon from HubSpot’s library, for parking, step-free access, click and collect or a late night. A marketer adds a branch without a developer.
Categories are rows too, each with a label and a colour that paints the filter, the card chip and the pin at once. Filter to one category and the map, the list and the result count all follow.
Google Maps, Apple Maps, Waze or OpenStreetMap. The links are plain URLs with the coordinates in them, so they need no account and open in whichever app the visitor already uses.
List beside the map on either side, map above the list, list above the map, map only, or list only. The map can hold its place at the top of the screen while the cards scroll under it, and a handle lets a visitor drag it taller or shorter. Small screens choose whether the map or the list comes first.
Search, category filtering, distance sorting, the radius limit and marker grouping all run against the locations already on the page. Address lookup for the search box is a separate setting you switch on if you want it.
Colours, sizes, spacing, radii, weights, transitions and every visible string are fields, monochrome by default, with fonts and the accent colour inherited from your theme. The category filter and radius picker are the module’s own listboxes, so they take your styling and answer the keyboard, with visible focus rings on cards, pickers, pins and the drag handle.
A single one-time purchase on the HubSpot Marketplace — no subscription.
One-time price on the HubSpot Marketplace. Works on any HubSpot page template, with no theme required.
It puts a searchable map of your locations on a HubSpot page. A visitor types a town, filters by category, or presses the near-me button, and gets the closest branch with the distance printed on the card and a directions link that opens in their own map app. It works as a shop finder, a dealer locator, a branch finder, a clinic directory, an office list, a stockist page or a set of service points.
For the Google Maps mode, yes — your own Google Cloud key, restricted to your own domains. The other mode is a street map built with Leaflet, which is bundled inside the module. Several basemap presets draw with no key pasted anywhere under free terms written for low volume, and a commercial site takes an account with a tile provider. If you set the mode to Google Maps and leave the key empty, the street map is drawn instead, so a published page always shows a map.
Google’s Dynamic Maps allowance covers 10,000 map loads a month at no cost, then $7.00 per 1,000. The Cloud project needs billing switched on either way. The setup guide walks through creating the key, restricting it to your domains and setting a daily quota cap so the bill cannot run away.
Locations are editor rows in the module, so a marketer adds and edits them in the page editor with no developer. It does not read from a HubDB table or a CRM object. Each location takes a name, address, latitude and longitude, phone, email, opening hours, a category, a photograph, a link and a short note, plus its own detail rows for things like parking, step-free access or click and collect.
You enter coordinates once per location — it does not geocode addresses in bulk. Address lookup for the visitor’s search box is a separate setting you can switch on, so someone can type a town name and have it resolved to a position.
It asks the browser for a position, measures the distance to every location, sorts the cards nearest first and offers a radius picker. When nothing falls inside that radius it shows the closest locations with their real distances. Search, category filtering, distance sorting, the radius limit and marker grouping all run in the visitor’s browser against the locations already on the page — nothing is sent to a service.
List beside the map on either side, map above the list, list above the map, map only, or list only. The map can hold its place at the top of the screen while the cards scroll under it, and a handle lets a visitor drag it taller or shorter with a mouse, a finger or the arrow keys. Small screens choose whether the map or the list comes first.
No. Distances are straight-line, worked out in the browser. Routing is handed to the map app the visitor already uses, through the directions link on each card.
It is a one-time purchase of $149 on the HubSpot Marketplace, which includes free updates and support. It works on any HubSpot page template, with no theme required.