Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
45 changes: 45 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -480,6 +480,51 @@ Comprehensive guide covering marker display strategies, filtering, distance calc

---

### 🧭 mapbox-navigation-patterns

**Quick reference for implementing navigation and routing with Mapbox Directions API and Navigation SDKs.**

Covers web routing, turn-by-turn navigation, multi-stop routes, optimization, traffic-aware routing, and voice guidance across Web, iOS, and Android platforms.

**Use when:**

- Implementing routing and directions in applications
- Adding turn-by-turn navigation (iOS/Android)
- Building delivery route optimization
- Showing traffic-aware routes
- Need voice guidance for navigation
- Calculating ETAs or route alternatives

**Key topics:**

- Directions API for web (basic routes, alternatives, multi-stop, optimization)
- Navigation SDK for iOS (NavigationViewController, voice guidance, custom UI)
- Navigation SDK for Android (NavigationView, custom UI, route progress)
- Traffic-aware routing with congestion data
- Route caching and performance optimization
- Error handling and best practices

**Covers all platforms:**

- Web (Directions API with Mapbox GL JS)
- iOS (Navigation SDK for iOS with Swift)
- Android (Navigation SDK for Android with Kotlin)

**Common patterns:**

- Basic route display on map
- Alternative routes comparison
- Multi-stop waypoint routing (up to 25 waypoints)
- Route optimization for deliveries
- Turn-by-turn instruction display
- Traffic congestion visualization
- Voice-guided navigation
- Ride-sharing ETA calculations

[View skill →](./skills/mapbox-navigation-patterns/SKILL.md)

---

### 🔄 mapbox-google-maps-migration

**Comprehensive migration guide for developers moving from Google Maps Platform to Mapbox GL JS.**
Expand Down
1 change: 1 addition & 0 deletions skills/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@ This directory contains [Agent Skills](https://agentskills.io) that provide doma
| [mapbox-style-quality](./mapbox-style-quality/) | Style validation, accessibility, optimization |
| [mapbox-token-security](./mapbox-token-security/) | Security best practices for access tokens |
| [mapbox-store-locator-patterns](./mapbox-store-locator-patterns/) | Store locator and location finder patterns with markers, filtering, and distance calculation |
| [mapbox-navigation-patterns](./mapbox-navigation-patterns/) | Navigation and routing patterns for Directions API and Navigation SDKs |

## Documentation

Expand Down
2 changes: 1 addition & 1 deletion skills/mapbox-data-visualization-patterns/SKILL.md
Original file line number Diff line number Diff line change
Expand Up @@ -1133,5 +1133,5 @@ map.addLayer({
- [Mapbox Expression Reference](https://docs.mapbox.com/style-spec/reference/expressions/)
- [ColorBrewer](https://colorbrewer2.org/) - Color scales for maps
- [Turf.js](https://turfjs.org/) - Spatial analysis
- [Simple Statistics](https://simplestatistics.org/) - Data classification
- [Simple Statistics](https://simple-statistics.github.io/) - Data classification
- [Data Visualization Tutorials](https://docs.mapbox.com/help/tutorials/#data-visualization)
Loading
Loading