#maps

Lawrence Arya · June 8, 2026

Build a Strava 3D Flyover Map Summary in React Native

A Strava 3D flyover replays your route as an animated camera over a tilted map. Here is how to build the flyover map summary in React Native with Mapbox.

Flight Radar Live Plane Map Overlay in React Native

ADS-B feeds, dead reckoning between updates, and planes as symbol layers instead of React views: the live flight map that survives 400 moving markers.

Golf GPS Rangefinder Map UI in SwiftUI: The Real Build

Three numbers in sunlight-grade type, course data as the moat, and a competition mode the rules actually require: the golf GPS app golfers keep.

Hivemapper Dashcam Connect UI in React Native

A hardware-companion app: connect to the dashcam, surface honest capture and upload states, and show coverage plus earnings without the get-rich hype.

Kakao Map API Custom Marker UI in SwiftUI

Korea uses Kakao Map, not Apple Maps: bridge the UIKit SDK with UIViewRepresentable, render markers that carry meaning, and cluster at scale.

Lime Scooter QR Unlock Scanner UI in SwiftUI

The scanner is the easy half. The unlock state machine, where billing starts only on the scooter's confirmation, is the product.

Live-Tracking Map Marker Animation in React Native

The feed is a heartbeat; the animation makes it continuous. Interpolate between updates, rotate to bearing, keep the marker off React state, and keep the ETA honest.

CarPlay EV Charging Station Finder UI: Templates Only

Build a CarPlay EV charging finder: the entitlement gate, the point-of-interest template system, live availability honesty, and the phone-app pairing that works.

Guides 4 min read

CarPlay Navigation Map Overlay in SwiftUI: Your Pixels

Build CarPlay navigation: the one template where you draw the map yourself, system maneuver overlays, the strict nav entitlement, and day-night duty.

Workflows 5 min read

FlatList Memory Lag With Maps in React Native: Fixes

Fix FlatList memory and lag in React Native map screens: the map-per-row trap, memoized rows, windowing settings, and when FlashList is the real answer.

Ride-Hailing App Source Code: The Driver-Side UI

The driver side of a ride-hailing app: the offer card and its countdown, glance-safe trip states, honest earnings math, and where the source code matters.

Strava Segment Leaderboard Clone UI: An Honest Guide

How to clone Strava's segment leaderboard UI: efforts and crowns, filters that make ranks motivating, the privacy stakes of location leaderboards, and anti-cheat.

Travel Itinerary Planner AI UI Kit: Honest Trip Design

How to build an AI travel itinerary planner UI: the day timeline, map-list sync, editing as a first-class verb, offline by default, and hallucination honesty.

Workflows 6 min read

Background GPS Location Tracking on iOS: AI Boilerplate

AI can scaffold background location tracking, but permissions, battery, and App Review are the hard parts. Here is the prompt and the boilerplate that ships.

Bike Sharing Dock Availability UI Kit: Free Starting Point

Where to find a free bike sharing dock availability UI kit and how to wire it to live GBFS station data: pin states, dock counts, and stale-data UX.

Mapbox Navigation in React Native: UI and AI Prompts

AI can scaffold a Mapbox map UI, but Mapbox needs native config and tokens, and won't run in Expo Go. Here is the real setup and how to prompt for the map UI.

NS Reisplanner App UI in React Native: The Transit Pattern

Building an NS reisplanner style journey planner in React Native: results-as-legs, transfer anxiety, honest delay rendering, and NS API or GTFS data.

Offline Topo Map Downloader UI in React Native: Best Way

How to build an offline topo map downloader UI in React Native: the four screens, tile math, MapLibre setup, storage screens, and the licensing rules.