---
title: mapkit
framework: mapkitjs
role: symbol
role_heading: Class
path: mapkitjs/mapkit
---

# mapkit

The JavaScript API for embedding Apple Maps on your website.

## Declaration

```data
class MapKit extends EventTarget
```

## Mentioned in

Migrating from Version 5 to Version 6 Creating a Maps token MapKit JS 6

## Overview

Overview The mapkit object is the main namespace for the MapKit JS framework. Similar to MapKit for apps, you can use MapKit JS to display interactive maps with customized annotations and overlays, and provide directions and search services. Your app can supply step-by-step navigation, and help a user find a location by autocompleting a search query. MapKit JS lets you customize the look of your map. You can choose style details for overlays and annotations, display a standard street map or one that uses satellite imagery, and adjust the visibility of map controls. Additionally, you can customize a map’s behavior by providing event handlers that cause the map to scroll or respond when users select items. You can also enable or disable panning, zooming, and rotation.

## Topics

### Initialization

- [Handling initialization events](mapkitjs/handling-initialization-events.md)
- [init(options)](mapkitjs/mapkit/init.md)
- [MapKitInitializationOptions](mapkitjs/mapkitinitializationoptions.md)
- [Libraries](mapkitjs/mapkit/libraries.md)
- [loadedLibraries](mapkitjs/mapkit/loadedlibraries.md)
- [load(libraryNames)](mapkitjs/mapkit/load.md)

### Maps

- [Map](mapkitjs/map.md)
- [maps](mapkitjs/mapkit/maps.md)

### Annotations and overlays

- [Annotations](mapkitjs/annotations.md)
- [Overlays](mapkitjs/overlays.md)

### Geocoder

- [Geocoder](mapkitjs/geocoder.md)

### Search

- [AddressFilter](mapkitjs/addressfilter.md)
- [Search](mapkitjs/search.md)

### Points of interest

- [filterExcludingAllCategories](mapkitjs/mapkit/filterexcludingallcategories.md)
- [filterIncludingAllCategories](mapkitjs/mapkit/filterincludingallcategories.md)
- [PointOfInterestFilter](mapkitjs/pointofinterestfilter.md)
- [PointsOfInterestSearch](mapkitjs/pointsofinterestsearch.md)
- [MapFeatureAnnotation](mapkitjs/mapfeatureannotation.md)
- [MapFeatureAnnotationGlyphImage](mapkitjs/mapfeatureannotationglyphimage.md)

### Directions

- [Directions](mapkitjs/directions.md)

### Enumerations

- [AddressCategory](mapkitjs/addresscategory.md)
- [AnnotationCollisionMode](mapkitjs/annotationcollisionmode.md)
- [AnnotationDisplayPriority](mapkitjs/annotationdisplaypriority.md)
- [ColorScheme](mapkitjs/colorscheme.md)
- [DistanceUnitSystem](mapkitjs/distanceunitsystem.md)
- [FeatureVisibility](mapkitjs/featurevisibility.md)
- [MapFeatureType](mapkitjs/mapfeaturetype.md)
- [MapLoadPriority](mapkitjs/maploadpriority.md)
- [MapType](mapkitjs/maptype.md)
- [PointOfInterestCategory](mapkitjs/pointofinterestcategory.md)
- [RegionPriority](mapkitjs/regionpriority.md)
- [TransportType](mapkitjs/transporttype.md)

### Map view customization

- [Padding](mapkitjs/padding.md)
- [PaddingData](mapkitjs/paddingdata.md)

### Geographical features

- [importGeoJSON(data, callback)](mapkitjs/mapkit/importgeojson.md)
- [GeoJSONDelegate](mapkitjs/geojsondelegate.md)
- [Item](mapkitjs/item.md)
- [ItemCollection](mapkitjs/itemcollection.md)
- [GeoJSONImporterCallback](mapkitjs/geojsonimportercallback.md)
- [GeoJSONImportError](mapkitjs/geojsonimporterror.md)
- [Displaying Indoor Maps with MapKit JS](mapkitjs/displaying-indoor-maps-with-mapkit-js.md)

### Exploring at street level

- [LookAround](mapkitjs/lookaround.md)
- [LookAroundOptions](mapkitjs/lookaroundoptions.md)
- [LookAroundPreview](mapkitjs/lookaroundpreview.md)
- [LookAroundPreviewOptions](mapkitjs/lookaroundpreviewoptions.md)
- [LookAroundScene](mapkitjs/lookaroundscene.md)
- [CommonLookAroundOptions](mapkitjs/commonlookaroundoptions.md)
- [AbstractLookAround](mapkitjs/abstractlookaround.md)
- [lookAroundViews](mapkitjs/mapkit/lookaroundviews.md)

### Places

- [Place](mapkitjs/place.md)
- [PlaceLookup](mapkitjs/placelookup.md)
- [placeDetails](mapkitjs/mapkit/placedetails.md)
- [PlaceSelectionAccessoryOptions](mapkitjs/placeselectionaccessoryoptions.md)
- [PlaceAnnotation](mapkitjs/placeannotation.md)
- [PlaceDetail](mapkitjs/placedetail.md)
- [PlaceSelectionAccessory](mapkitjs/placeselectionaccessory.md)

### Map coordinates

- [Coordinate](mapkitjs/coordinate.md)
- [CoordinateData](mapkitjs/coordinatedata.md)
- [CoordinateRegion](mapkitjs/coordinateregion.md)
- [CoordinateRegionData](mapkitjs/coordinateregiondata.md)
- [CoordinateSpan](mapkitjs/coordinatespan.md)
- [CoordinateSpanData](mapkitjs/coordinatespandata.md)
- [BoundingRegion](mapkitjs/boundingregion.md)

### Map units

- [MapPoint](mapkitjs/mappoint.md)
- [MapPointData](mapkitjs/mappointdata.md)
- [MapRect](mapkitjs/maprect.md)
- [MapRectData](mapkitjs/maprectdata.md)
- [MapSize](mapkitjs/mapsize.md)
- [MapSizeData](mapkitjs/mapsizedata.md)
- [CameraZoomRange](mapkitjs/camerazoomrange.md)
- [CameraZoomRangeData](mapkitjs/camerazoomrangedata.md)

### Version and language

- [language](mapkitjs/mapkit/language.md)
- [build](mapkitjs/mapkit/build.md)
- [version](mapkitjs/mapkit/version.md)

### Setting images

- [ImageHashObject](mapkitjs/imagehashobject.md)
- [ImageDelegate](mapkitjs/imagedelegate.md)
- [ImageSource](mapkitjs/imagesource.md)

### Service

- [Service](mapkitjs/service.md)
- [RequestError](mapkitjs/requesterror.md)

### Deprecated

- [MapKitEvent](mapkitjs/mapkitevent.md)
- [MapKitEventListener](mapkitjs/mapkiteventlistener.md)
- [MapKitEventTarget](mapkitjs/mapkiteventtarget.md)

### Namespace properties

- [AddressCategory](mapkitjs/mapkit/addresscategory.md)
- [AddressFilter](mapkitjs/mapkit/addressfilter.md)
- [Annotation](mapkitjs/mapkit/annotation.md)
- [AnnotationCollisionMode](mapkitjs/mapkit/annotationcollisionmode.md)
- [AnnotationDisplayPriority](mapkitjs/mapkit/annotationdisplaypriority.md)
- [BoundingRegion](mapkitjs/mapkit/boundingregion.md)
- [CameraZoomRange](mapkitjs/mapkit/camerazoomrange.md)
- [CircleOverlay](mapkitjs/mapkit/circleoverlay.md)
- [ColorScheme](mapkitjs/mapkit/colorscheme.md)
- [Coordinate](mapkitjs/mapkit/coordinate.md)
- [CoordinateRegion](mapkitjs/mapkit/coordinateregion.md)
- [CoordinateSpan](mapkitjs/mapkit/coordinatespan.md)
- [Directions](mapkitjs/mapkit/directions.md)
- [DistanceUnitSystem](mapkitjs/mapkit/distanceunitsystem.md)
- [FeatureVisibility](mapkitjs/mapkit/featurevisibility.md)
- [Geocoder](mapkitjs/mapkit/geocoder.md)
- [ImageAnnotation](mapkitjs/mapkit/imageannotation.md)
- [LineGradient](mapkitjs/mapkit/linegradient.md)
- [LookAround](mapkitjs/mapkit/lookaround.md)
- [LookAroundPreview](mapkitjs/mapkit/lookaroundpreview.md)
- [LookAroundScene](mapkitjs/mapkit/lookaroundscene.md)
- [Map](mapkitjs/mapkit/map.md)
- [MapFeatureAnnotation](mapkitjs/mapkit/mapfeatureannotation.md)
- [MapFeatureType](mapkitjs/mapkit/mapfeaturetype.md)
- [MapLoadPriority](mapkitjs/mapkit/maploadpriority.md)
- [MapPoint](mapkitjs/mapkit/mappoint.md)
- [MapRect](mapkitjs/mapkit/maprect.md)
- [MapSize](mapkitjs/mapkit/mapsize.md)
- [MapType](mapkitjs/mapkit/maptype.md)
- [MarkerAnnotation](mapkitjs/mapkit/markerannotation.md)
- [Padding](mapkitjs/mapkit/padding.md)
- [Place](mapkitjs/mapkit/place.md)
- [PlaceAnnotation](mapkitjs/mapkit/placeannotation.md)
- [PlaceDetail](mapkitjs/mapkit/placedetail.md)
- [PlaceLookup](mapkitjs/mapkit/placelookup.md)
- [PlaceSelectionAccessory](mapkitjs/mapkit/placeselectionaccessory.md)
- [PointOfInterestCategory](mapkitjs/mapkit/pointofinterestcategory.md)
- [PointOfInterestFilter](mapkitjs/mapkit/pointofinterestfilter.md)
- [PointsOfInterestSearch](mapkitjs/mapkit/pointsofinterestsearch.md)
- [PolygonOverlay](mapkitjs/mapkit/polygonoverlay.md)
- [PolylineOverlay](mapkitjs/mapkit/polylineoverlay.md)
- [RegionPriority](mapkitjs/mapkit/regionpriority.md)
- [Search](mapkitjs/mapkit/search.md)
- [SearchAutocompleteResult](mapkitjs/mapkit/searchautocompleteresult.md)
- [Style](mapkitjs/mapkit/style.md)
- [TileOverlay](mapkitjs/mapkit/tileoverlay.md)
- [TransportType](mapkitjs/mapkit/transporttype.md)

## Relationships

### Inherits From

- EventTarget

## See Also

### Essentials

- [Displaying place information using the Maps Embed API](mapkitjs/displaying-place-information-using-the-maps-embed-api.md)
- [Creating a Maps token](mapkitjs/creating-a-maps-token.md)
- [Loading the latest version of MapKit JS](mapkitjs/loading-the-latest-version-of-mapkit-js.md)
- [Understanding Browser Support](mapkitjs/browser-support.md)
