v-map

Appearance

@npm9912/v-map

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

Interface: VMap ​

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

Properties ​

center? ​

optional center: string

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

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? ​

optional cssMode: CssMode

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

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

Default ​

ts
false

flavour? ​

optional flavour: Flavour

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

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

Default ​

ts
"ol"

Example ​

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

useDefaultImportMap? ​

optional useDefaultImportMap: boolean

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

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

Default ​

ts
true

zoom? ​

optional zoom: number

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

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

Default ​

ts
3

Events ​

onMapProviderReady()? ​

optional onMapProviderReady: (event) => void

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

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

Parameters ​

event ​

VMapCustomEvent<MapProviderDetail>

Returns ​

void