mapbox avatar

Mapbox Ios Patterns

This is the official integration reference for Mapbox Maps SDK v11 on iOS, covering Swift, SwiftUI, and UIKit patterns. It walks through installation via SPM, three different marker APIs (the experimental Markers API, PointAnnotation with custom images, and full view annotations), user location tracking, and when to switch from annotations to style layers for performance. The marker comparison table is genuinely useful since the SDK gives you three ways to drop a pin and the tradeoffs are not obvious. If you're adding maps to an iOS app or migrating between annotation types, this is the pattern reference you want open in a second window.

skills.sh installs
1.5K
GitHub stars
86
last updated
Aug 21, 2026

Install

$ npx -y skills add mapbox/mapbox-agent-skills --skill mapbox-ios-patterns --agent claude-code

Installs into .claude/skills of the current project.

Files

Mapbox iOS Integration Patterns

Official patterns for integrating Mapbox Maps SDK v11 on iOS with Swift, SwiftUI, and UIKit.

Use this skill when:

  • Installing and configuring Mapbox Maps SDK for iOS
  • Adding markers and annotations to maps
  • Showing user location and tracking with camera
  • Adding custom data (GeoJSON) to maps
  • Working with map styles, camera, or user interaction
  • Handling feature interactions and taps

Official Resources:


Installation & Setup

Requirements

  • iOS 14+
  • Xcode 15+
  • Swift 5.9+
  • Free Mapbox account

Step 1: Configure Access Token

Add your public token to Info.plist:

<key>MBXAccessToken</key>
<string>pk.your_mapbox_token_here</string>

Get your token: Sign in at mapbox.com

Step 2: Add Swift Package Dependency

Sponsors

Details

Repository
github.com/mapbox/mapbox-agent-skills
Categories
Documentation, AI & Agent Building, Mobile Development
First seen
May 16, 2026

More from mapbox/mapbox-agent-skills

All 18
1pproenca avatarexpo-react-native-performancepproenca/dot-skillsExpo React Native performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring Expo React Native code to ensure optima1.5Kskills.sh installs
2pulumi avatarpulumi-componentpulumi/agent-skillsGuide for authoring Pulumi ComponentResource classes. Use when creating reusable infrastructure components, designing component interfaces, setting up multi-lan1.5Kskills.sh installs
3neolabhq avatarprompt-engineeringneolabhq/context-engineering-kitUse this skill when you writing commands, hooks, skills for Agent, or prompts for sub agents or any other LLM interaction, including optimizing prompts, improvi1.5Kskills.sh installs
4openai avatarfrontend-skillopenai/skillsUse when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforces restrained composition, image-led hier1.5Kskills.sh installs
5antdv-next avatarantdv-nextantdv-next/skillsAntdv Next Vue 3 component library. Use when locating component API docs, props/events/slots, playground demos, or theme token definitions.1.5Kskills.sh installs
6lobehub avatardebuglobehub/lobehubDebug package usage guide. Use when adding debug logging, understanding log namespaces, or implementing debugging features. Triggers on debug logging requests o1.5Kskills.sh installs