Skip to content

Images

[rmaps_engine_switcher]

Each listing wears its own photo on the map

Drop the generic pin and let every listing's first image become its marker. Photos crop into circular thumbs at marker size, scroll as a full gallery inside the popup, and tile the synced sidebar — so visitors recognise a place before they even click.

What's on this map

Photos as markers

Each listing's first attached image becomes its map marker — cropped square-into-circle at the configured marker size, fenced in a soft border so it stays legible on any basemap. No per-category icon set to maintain; the listings ship their own visual identity.

Full gallery in the popup

Click a marker and the popup expands to a 300×500 panel with the listing's photos as a swipeable gallery — arrows on desktop, native swipe on touch, lazy-loaded so the popup paints fast even on a listing with 20 photos.

Image-led sidebar cards

The synced sidebar leads every card with a wide thumbnail, then title, category and address underneath. Hover a card — the corresponding marker scales up and pulses; hover a marker — the card highlights and scrolls into view.

Clusters that show a sample

At wide zoom the photo markers fold into the same five-tier coloured clusters as icon maps. Inside each cluster bubble the count rides on top of a montage of two or three sampled thumbnails — the cluster STILL teases what's inside.

Sized server-side

Markers don't fetch full-resolution originals — the plugin asks WP for the closest registered thumbnail size to the configured marker pixel size, so a 60 px marker pulls a ~120 px image (retina-doubled), not a 4 MB camera dump.

Mix & match per source

Image markers are one of several configurable marker sources — combine them with category icons, custom icon overrides per listing, or fall back to Just dots for the densest maps. Set the priority order once in the Edit Map screen.

Try this

  • Click any marker — the popup opens with the full photo gallery; use the arrows or swipe to scroll through.
  • Hover a card in the sidebar — the matching photo marker scales up and pulses on the map.
  • Zoom out — watch photos fold into colour-coded clusters with sample thumbnails layered on top.
  • Open the Edit listing screen for any item, attach more photos, save — the next page load picks them up in both the marker and the popup gallery.
  • Flip the engine with the switcher above the map — image markers render identically on Google, Mapbox and MapLibre.