Skip to content

v-map

← Zur Übersicht · @npm9912/v-map

Props

NameTypeAttrDefaultBeschreibung
centerstringcenter'0,0'Mittelpunkt der Karte im WGS84-Koordinatensystem. Erwartet [lon, lat] (Längengrad, Breitengrad).
cssModebundle | cdn | inline-min | nonecss-mode'cdn'Aktiviert ein „CSS-Only“-Rendering (z. B. für einfache Tests/Layouts). Bei true werden keine Provider initialisiert.
flavourcesium | deck | leaflet | olflavour'ol'Zu verwendender Karten-Provider. Unterstützte Werte: "ol"
useDefaultImportMapbooleanuse-default-import-maptrueFalls true, injiziert v-map automatisch die Import-Map.
zoomnumberzoom2Anfangs-Zoomstufe. Skala abhängig vom Provider (typisch 0–20).

Events

EventDetail-TypeBeschreibung
mapProviderReadyMapProviderDetailWird ausgelöst, sobald der Karten-Provider initialisiert wurde und Layers entgegennimmt. detail enthält { provider, flavour }.

Methods

  • isMapProviderReady() => Promise<boolean> — Gibt zurück, ob der Karten-Provider initialisiert wurde und verwendet werden kann.
  • setView(coordinates: [number, number], zoom: number) => Promise<void> — Setzt Kartenzentrum und Zoom (optional animiert).