A set of small upgrades to how your property map looks and behaves, so the map feels modern and on-brand on desktop and stays out of the way on phones.
What it does #
Property Map Display is a family of related modules in the Toolkit Hub that polish different parts of your map experience. Turn on only the ones you want. Together they cover styling, marker behavior, and mobile layout.
- Map Styling gives your maps a custom color theme (for example a soft warm-sand look instead of stock Google gray). It applies to YOOtheme Pro map elements and to the map on your property detail pages, automatically detecting which kind of map is on the page.
- Marker Clustering groups nearby property pins into a single numbered marker when the map is zoomed out, so a dense area reads as one clean cluster instead of a pile of overlapping pins. As a guest zooms in, the clusters break apart into individual properties.
- Map Stacking controls how the markers and price tooltips stack and read on the search-results map, including their colors and how overlapping pins behave.
- Mobile Map Default hides the search-results map by default on phones so guests see your listings first, with the map one tap away.
- Explorer Map Mobile Dock improves how a tapped map pin’s info card appears on phones, docking it neatly to the bottom of the screen instead of overlapping the pin.
Each module is independent. You can run all of them, some, or none.
How to turn it on #
Each piece is its own toggle in the HomeRunner Toolkit Hub. Enable the ones you want:
- Map Styling
- Marker Clustering
- Map Stacking
- Mobile Map Default
- Explorer Map Mobile Dock
Map Styling and Map Stacking have settings panels (below). Marker Clustering, Mobile Map Default, and Explorer Map Mobile Dock work as soon as they are enabled, with no settings to configure.
Settings #
Map Styling #
Open the Map Styling panel to control the look of your maps:
- Style JSON — paste a map style array (for example, a theme exported from Snazzy Maps). Leave it blank to use the bundled warm-sand default theme.
- Apply to YOOtheme maps — on or off.
- Apply to HomeRunner property maps — on or off.
The big search/Explorer map has its own built-in style setting in the HomeRunner Plugin and is intentionally left untouched here, so this module styles your YOOtheme and property-detail maps without conflicting with it.
Map Stacking #
Open the Map Stacking panel to set the colors and behavior of map markers and price pills on the search-results map:
- Center dot color
- Badge background color and badge text color
- Count badge background color (the little number on clustered pins)
- Connector color
- Focus color (the highlight when a marker is active)
- Fade opacity for de-emphasized markers (0 to 1)
- Auto map search toggle
Mobile Map Default and Explorer Map Mobile Dock #
No settings. Enable and they take effect on phone-sized screens. The map toggle button stays available, so guests can always reveal the map when they want it.
Tips #
- For a quick win, enable Mobile Map Default so phone visitors land on your listings rather than a full-screen map. The map is still one tap away.
- If you want maps that match your brand colors, Map Styling is the place to start. You can paste a ready-made theme or keep the built-in warm-sand look.
- For overall look-and-feel beyond maps, see HomeRunner Skin.