v-map

Appearance

@npm9912/v-map

@npm9912/v-map / index / Components / VMap

Interface: VMap ​

Defined in: src/components.d.ts:23

Properties ​

center ​

center: string

Defined in: src/components.d.ts:29

Mittelpunkt der Karte im WGS84-Koordinatensystem. Erwartet [lon, lat] (Längengrad, Breitengrad).

Default ​

ts
[0, 0]

Example ​

ts
<v-map center="[11.5761, 48.1371]" zoom="12"></v-map>

cssMode ​

cssMode: CssMode

Defined in: src/components.d.ts:34

Aktiviert ein „CSS-Only“-Rendering (z. B. für einfache Tests/Layouts). Bei true werden keine Provider initialisiert.

Default ​

ts
false

flavour ​

flavour: Flavour

Defined in: src/components.d.ts:40

Zu verwendender Karten-Provider. Unterstützte Werte: "ol" | "leaflet" | "cesium" | "deck".

Default ​

ts
"ol"

Example ​

ts
<v-map flavour="leaflet"></v-map>

isMapProviderReady() ​

isMapProviderReady: () => Promise<boolean>

Defined in: src/components.d.ts:45

Gibt zurück, ob der Karten-Provider initialisiert wurde und verwendet werden kann.

Returns ​

Promise<boolean>

Promise mit true, sobald der Provider bereit ist, sonst false.

setView() ​

setView: (coordinates, zoom) => Promise<void>

Defined in: src/components.d.ts:53

Setzt Kartenzentrum und Zoom (optional animiert).

Parameters ​

coordinates ​

[number, number]

zoom ​

number

Zoomstufe

Returns ​

Promise<void>

Example ​

ts
await mapEl.setView([7.1, 50.7], 10, { animate: true, duration: 400 });

useDefaultImportMap ​

useDefaultImportMap: boolean

Defined in: src/components.d.ts:58

Falls true, injiziert v-map automatisch die Import-Map.

Default ​

ts
true

zoom ​

zoom: number

Defined in: src/components.d.ts:63

Anfangs-Zoomstufe. Skala abhängig vom Provider (typisch 0–20).

Default ​

ts
3