About this Template

A polished places explorer 🗺️ that pairs a multi-marker map with a draggable, snap-to-states bottom sheet 🧾. Tap a pin (hotel, restaurant, store) 📍 to reveal a rich card with photo 🖼️, name, rating ⭐, reviews 🗣️, price 💵, and a primary CTA. Swipe the sheet (or cards carousel) to re-center the map and highlight the matching marker — perfect for google map custom markers experiences. Fully themable and data-driven with clustering, category filters, and deep links to full place pages.

 

Functionality

  • 🗺️ Multi-marker map: add/update/cluster POI pins, highlight active pin, auto-fit or smooth pan/zoom.

  • 🧾 Draggable bottom sheet: collapsed/half/expanded states; rich card (image, rating, price, actions).

  • 🔁 Two-way sync: pin tap ↔ sheet/card selection with animated camera focus.

  • 🔎 Filters & search (optional): category chips, price/rating sort, distance/radius filter.

  • 🎨 Custom theming: dark mode, marker/route colors, card styles, shadows, rounded corners.

  • 🔌 Extensible data layer: REST/Firestore/GraphQL ready with pagination & lazy loading.

Use Cases

  • 🏨 Hotels & vacation rentals

  • 🍽️ Restaurants & cafés

  • 🏠 Real-estate listings

  • 🛍️ Store locators

  • 🎫 Events & venues

  • 🧳 Tourism guides, coworking & parking finders

Keywords: map, poi, markers, bottom sheet, cards, carousel, clustering, google maps/mapbox, geolocation, rating, price, cta, category filters, camera fit bounds, place details, location explorer, google map custom markers, flutterflow widget, flutterflow compnents.

POI Map & Custom Map Markers

What's included
Framework:
Flutter 3.24+ / Dart
Platforms:
iOS & Android
Compatibility:
Cursor, Claude, FlutterFlow, Codex, Antigravity.
Design system:
Editable Figma file included
Features
Categories
Style
Support
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.