Mobile map marker UI examples

Map marker UI examples

Search the library

See the flow
Yelp: Food, Services & Reviews
The map is populated with numerous red Yelp-branded location pins indicating various businesses.
See the flow
Hypelist: Create & Share Lists
In the center-right, a small pop-up menu displays sorting options: 'Popularity' with a star icon and 'Distance' with a location pin icon.
See the flow
Yelp: Food, Services & Reviews
The main area is an interactive map populated with numerous red Yelp-branded location pins.
See the flow
Fishbrain - Fishing App
The 'Your Waypoints' tab is currently selected, showing an empty state with a location pin icon and the text 'No saved waypoints yet' along with a prompt to save waypoints for quick access.
See the flow
Fishbrain - Fishing App
The main body is an interactive satellite map centered on a specific coordinate, indicated by a green location pin surrounded by a circular radius overlay.
See the flow
Windy.app — Wind, Tides, Radar
The map features a color-coded precipitation scale at the top (mm/h) and various location pins representing weather stations or points of interest.
See the flow
Plane Finder ⁃ Flight Tracker
A red location pin marks the airport.
See the flow
Meetup: Social Events & Groups
The main body is an interactive map populated with numerous red location pins representing various events.
See the flow
Vrbo Vacation Rentals
The top half features an interactive map with a location pin, while the bottom half provides a dashboard-style interface for managing trip details.
See the flow
calimoto Motorcycle Navigation
Map view covering the entire screen with a bottom sheet overlay covering the bottom half.
See the flow
Meetup: Social Events & Groups
The main area is an interactive map populated with numerous red location pins representing events.
See the flow
Windy.app — Wind, Tides, Radar
The map view is populated with various location pins, including weather station icons and a fish icon, indicating specific monitoring spots.
See the flow
Windy.app — Wind, Tides, Radar
The overall aesthetic is functional and data-dense, utilizing a dark theme with high-contrast teal accents for primary actions and map markers.
See the flow
Hypelist: Create & Share Lists
Full-screen map with floating top controls and a bottom sheet card.
See the flow
Hypelist: Create & Share Lists
Map view occupies the top two-thirds of the screen, with a venue preview card anchored at the bottom.
See the flow
Flight Tracker +
A full-screen map background with a large bottom sheet overlay containing map style selection cards and a list of filter toggles.
See the flow
calimoto Motorcycle Navigation
Top search bar and filter, central map view with floating instructional modal, bottom primary action button, and bottom navigation bar.
See the flow
bergfex: Hiking & Tracking
Full-screen map with a floating control panel in the top right and a large, interactive bottom sheet for search and filtering, anchored by a bottom navigation bar.
See the flow
Wikiloc - Trails of the World
Top navigation bar, central map area with overlay markers, and a bottom elevation profile panel.
See the flow
Too Good To Go: Save Good Food
Top search and view toggle, large central map area with pins, bottom navigation bar.

Found an example you like?See the whole story.

See the full library See plans