Apple MapKit JS · Vue 3

Apple Maps, the Vue way.

Declarative components and composables for Apple MapKit JS — annotations, overlays, clustering, Look Around, and services. Fully typed and Nuxt-ready.

$npm i @geoql/v-mapkit

Get started Live examples

App.vue

<script setup lang="ts">
  import { VMap, VMarkerAnnotation }
    from '@geoql/v-mapkit'
</script>

<template>
  <VMap :access-token="token">
    <VMarkerAnnotation
      :coordinates="[37.33, -122.00]"
    />
  </VMap>
</template>

Capabilities

Everything Apple MapKit offers — composable.

Declarative components

Use VMap, VMarkerAnnotation, and VCircleOverlay instead of imperative MapKit JS calls.

Annotations & overlays

Markers, custom DOM annotations, circles, polygons, polylines, and tile overlays — all reactive.

Look Around

Apple-exclusive 360° street-level views with interactive and preview components.

MapKit services

Composables for search, geocoding, directions, and points-of-interest lookups.

Fully typed

Complete TypeScript definitions and first-class IDE autocomplete throughout.

Nuxt-ready

Works seamlessly with Nuxt 4 and SSR via the bundled module.