Image Cards, New Popup & a Cleaner Panel

What's New

  • Image Cards Sidebar - Browse locations as cards with a photo, rating, price and address, plus name search and filter pills.

  • Sidebar for Standard Markers - The sidebar now works with standard markers too, with search and no pills.

  • New Popup Design - A card with image, close button, category badge, rating stars, price, address, details, description and a button. It opens above the marker and the map moves so the whole popup stays in view.

  • Compact Card Popup - A second popup layout without the image.

  • Details Field - Add one detail per line to any location, shown exactly as you type it.

  • Rating, Price, Address and Image - Every location can now carry these fields.

  • Import Locations - Paste CSV or JSON to add many locations at once, with categories created from a category column.

  • Marker Type Switch - Choose Standard or Group markers. They never run together, so the setup is always clear.

  • Text Styles - Four native font controls (Heading, Body, Info, Button) with line height and letter spacing.

  • Border Color - One color control for the sidebar pills, the search box and its icon.

  • Easier Coordinates - Type decimals or degrees and minutes, such as 21° 36' N.

Improvements

  • Clearer Control Panel - Reorganised into a simple order: Map, Marker Type, Locations, Sidebar, Popup, Text, Appearance, Clustering, Interactions and Map Styling, with shorter control names.

  • Live Center and Zoom - Changes in the panel update the map right away.

  • Bottom Sheet on Small Screens - The sidebar becomes a bottom sheet when the component is narrow.

  • Popup Settings Together - Popup background and corner radius now sit in the Popup group.

  • Cluster Bubble Border - The border now matches the cluster text color.

  • Better Error Message - A clear message appears when Google rejects the API key.

  • Default Size - The component now arrives with a sensible default size.

  • Escape Key - Press Escape to close the popup.

  • New Default Look - Blue accent on white with the Inter font.

Bug Fixes

  • Clustering Radius - The radius setting now takes effect. In 1.x it had no effect.

  • Marker and Sidebar Sync - Clicking a marker in Standard mode now highlights and scrolls to its sidebar card.

  • Invalid Coordinates - Locations with empty or invalid coordinates are skipped instead of breaking the map.

  • Safe Links - Unsafe links (such as javascript:) in imported data are blocked.

  • Static Preview - The preview no longer breaks when there are many locations.

Removed

  • Sidebar Custom Position - The Top and Left offset controls are gone.

  • Clustering Max Zoom - Now fixed, so there is no option to set.

  • Old Font Groups - Panel Title Font, Panel Desc Font and Popup Typography are replaced by Text Styles.

Upgrade Notes

  • Set the four Text Styles once, because old font values are not carried over.

  • Group maps keep the Category List sidebar by default. Standard maps use Image Cards.

  • Choose a Marker Type if you used both before.

  • Read the full guide: Upgrading from 1.0 in the documentation.

MapFlow

·

©

2026

All rights reserved

MapFlow

·

©

2026

All rights reserved

Create a free website with Framer, the website builder loved by startups, designers and agencies.