An interactive map 🗺️ with price-tag markers 💵 and a dual-handle range slider 🎚️. Users set a salary/budget range and markers update instantly ⚡. Tap any marker to open a bottom sheet with title, price, address, and quick actions — Route 🚗 and Share 🔗. Currency and labels auto-format by locale 🌍. Perfect as a google map widget flutterflow component.

Functionality

• 🎚️ Dual-handle range slider (min/max) with live interval display (e.g., $0-$20,000).

• 📍 Price-labeled map markers that refresh in real time as the range changes.

• 🧾 Bottom sheet detail card: title, price, address, plus Route 🚗 and Share 🔗 actions.

• 🌍 Locale-aware currency formatting and units.

• 🎨 Configurable: slider step, defaults, colors/theme, pin style, price rounding.

• 🚀 Performance: debounced updates, viewport (bounding-box) loading, server-side filtering.

• 🧩 Optional: marker clustering on low zoom; persist user’s last filter state.

Use Cases

• 💼 Job marketplaces with salary filtering (as shown).

• 🏠 Real estate & rentals: filter by listing price or nightly rate.

• 🏨 Hotels, 🚘 car rentals, or services with budget caps.

• 🎟️ Events/activities maps with price categories.

• 🧭 B2B geo-analytics: visualize price points across regions.

Keywords: map, price pins, salary filter, range slider, bottom sheet, marker clustering, geo-filtering, currency formatting, listings, route, share, google maps, flutterflow widget, flutterflow, google map widget flutterflow, ux