map

Provides GPS place search, reverse geocoding and route polyline generation for Flutter map interfaces.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/Vantoan252003/Mozi --skill map-vantoan252003
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: map
Source: https://github.com/Vantoan252003/Mozi/tree/main/lib/features/map
Command: npx skills add https://github.com/Vantoan252003/Mozi --skill map-vantoan252003

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Integrates GPS location, place autocomplete, place detail lookup, reverse geocoding, and route/polyline rendering into a reusable Flutter feature so teams don't reimplement map logic across ride-hailing and food modules. It centralizes session token handling and backend-proxied API calls to keep sensitive keys out of the client and reduce API costs.

Core Features & Use Cases

  • Place Autocomplete & Detail: Debounced session-tokened autocomplete with detail lookup to populate pickup and destination fields.
  • Map Picker & Reverse Geocode: Full-screen MapPickerPage with drag-to-select center pin and reverse geocoding on drag end for manual location selection.
  • Routing & Driver Tracking: Get route polylines and decode them for drawing on the map, animate camera, and update animated driver markers from tracking streams.
  • Permissions & Resilience: Location permission handling, service-disabled states, and clear repository/usecase separation for testing and backend proxying.
  • Use Case Example: In a ride-booking flow, present MapPickerPage, allow the user to search or drag the map to pick a point, then fetch place details and route to the driver.

Quick Start

Use the map skill to open the MapPickerPage, let the user search or drag to choose a location, and return the selected PlaceEntity to the caller.

Frequently Asked Questions about map

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement place autocomplete and routing in Flutter using Google Maps?

Implement Flutter Google Maps routing and autocomplete by debouncing search inputs with UUID session tokens and backend-proxied API calls to fetch structured PlaceEntity and decoded route polylines for UI rendering.

What's the best way to build a map picker with reverse geocoding for a Flutter app?

Build a Flutter map picker using a full-screen MapPickerPage with a drag-to-select center pin, triggering reverse geocoding on drag end to retrieve structured place details for the selected location.

Can I use this map feature for real-time driver tracking in a ride-hailing app?

Yes, this map feature supports ride-hailing driver tracking by decoding route polylines, animating the map camera, and updating animated driver markers from real-time tracking streams.

Do I need a backend proxy to use Google Places API with this Flutter map integration?

Yes, a backend proxy is required for Google Places API calls to keep sensitive API keys out of the client and reduce API costs while handling autocomplete sessions and place detail retrieval.

How does this Flutter map skill handle location permissions and disabled GPS services?

This Flutter map skill manages location permissions and disabled GPS service states with clear repository and usecase separation, ensuring resilient map interactions and graceful degradation.

Are there limitations to using this map feature outside of ride-hailing and food delivery contexts?

This map feature is optimized for ride-hailing and food delivery workflows like full-screen MapPicker and driver tracking, so adapting it for unrelated domains may require significant custom logic.