Beta

MapKit JS Examples

Use the JavaScript sample code below to easily add Maps functionality to your websites. To communicate with Maps services, set up your Maps identifiers, keys, and tokens in your developer account.

Learn more about MapKit JS

GeoJSON Import

State:
Population:

View description and code

Region and Zoom Limits

San Francisco

Toronto

View description and code

Embed

View description and code

Add Annotations

View description and code

Custom Callout

View description and code

Draggable Annotations

View description and code

MapKit JS Dashboard

Track your website’s use of Apple Maps services with the MapKit JS Dashboard. Monitor map initializations and service requests in realtime, or see up to a year of activity by day, week, month, or year.

MapKit JS beta provides a free daily limit of 250,000 map views and 25,000 service calls per Apple Developer Program membership. For additional capacity needs, contact us.

Go to the MapKit JS Dashboard

Beta

Snapshots

Snapshots are static map images retrieved from a URL that you can customize to display a region of the world, mark specific points with different styles of annotations and overlays, show the Dark Mode map, and more. Use Snapshots whenever you don't need an interactive map or where you'd use a typical image URL — for example, in webpages and in places where JavaScript isn’t available such as email clients. Snapshots offer a free daily limit of 25,000 unique requests per day, with Apple Developer Program membership. For additional capacity needs, contact us.

Learn more about Maps Web Snapshots

Snapshots Studio. To get started, try out Snapshots Studio, a new tool that makes it easy to create Snapshots.

Go to Snapshots Studio