skills.rest
TMHSDigital
TMHSDigitalCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

mobile-maps-location

Add maps and geolocation to Expo React Native and Flutter apps.

2|Updated Apr 3, 2026
Search Tags:#react-native#flutter#location#maps#expo#geofencing#google-maps
One-click install
npx skills add https://github.com/TMHSDigital/Mobile-App-Developer-Tools --skill mobile-maps-location
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-maps-location
Source: https://github.com/TMHSDigital/Mobile-App-Developer-Tools/tree/main/skills/mobile-maps-location
Command: npx skills add https://github.com/TMHSDigital/Mobile-App-Developer-Tools --skill mobile-maps-location

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers integrate interactive maps and reliable geolocation into mobile apps by removing friction around provider setup, permission flows, API keys, and background tracking so maps and location features work across devices.

Core Features & Use Cases

  • Cross-platform map integration: Instructions for react-native-maps with Expo and google_maps_flutter for Flutter to render maps, markers, routes, and polygons.
  • Location acquisition and permissions: Guidance for requesting foreground and background permissions and obtaining the user's current location using expo-location and geolocator.
  • Background tracking & geofencing: Patterns for background location tasks, geofencing triggers, distance-based updates, and battery-conscious accuracy settings.
  • Practical use case: Create a MapScreen that centers on the user, supports dropping and persisting pins, triggers geofence events, and sends location updates to an API.

Quick Start

Add a Google Maps map to an Expo app, request foreground and background location permissions, and scaffold a MapScreen that shows the user's position and lets them drop markers.

Frequently Asked Questions about mobile-maps-location

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

FAQPage Schema
How do I add Google Maps to an Expo React Native app?▼

Add Google Maps to Expo React Native using the react-native-maps library to render maps, markers, and polygons. You must obtain a Google Maps API key and configure it within your project.

How do I request background location permissions in Flutter?▼

Request background location permissions in Flutter using the geolocator package through permission-aware workflows. You must declare background tracking permissions in your configuration before fetching location updates.

Can I use geofencing with react-native-maps?▼

Yes, you can implement geofencing with react-native-maps and expo-location. They support geofence triggers, distance-based updates, and battery-conscious accuracy settings for background tracking scenarios.

What is the best way to show user location on a mobile map?▼

The best way to show user location on a mobile map is using platform SDKs like expo-location for Expo or geolocator for Flutter. They handle foreground location acquisition and center the map on the user's position.

Does google_maps_flutter support dropping and persisting custom pins?▼

Yes, google_maps_flutter supports dropping and persisting custom pins as markers. You can scaffold a MapScreen that lets users drop markers, trigger geofence events, and send location updates to an API.

Related Skills

Explore More Software Engineering Skills→
rezosndrezosnd

revenuecat

Configure RevenueCat subscription management for Expo and React Native projects.

Community
Advanced
delta-and-betadelta-and-beta

engineer-locations

Configure Braze location tracking and geofence registration for iOS and Android.

Community
Intermediate
juliochwdjuliochwd
1

artifacts-builder

Develops interactive HTML artifacts with React, Tailwind CSS, and shadcn/ui components for claude.ai.

Community
Intermediate
giuseppe-trisciuogliogiuseppe-trisciuoglio
322

typescript-docs

Generate TypeScript API references and ADRs with TypeDoc and JSDoc.

Community
Advanced