maplibre-layers

Register layers in a centralized mapLayers store using raw components, then render them via MglMap. Use MglGeoJsonSource for data-driven styling and bind layer events like click and hover. Handle lifecycle cleanup with onMounted and onUnmounted to prevent memory leaks.

Yes. MglGeoJsonSource components enable GeoJSON integration with data-driven styling and layer events. Apply dynamic styling rules to visualize changing data, and manage layer registration through a centralized store for clean composition.

Bind event handlers directly to MapLibre layer components within your Vue template. Use the centralized store pattern to track layer state and respond to interactions like clicks and hovers with custom logic tied to your map's lifecycle.

Use markRaw on layer components stored in your mapLayers store. This prevents Vue from wrapping MapLibre objects in proxies, avoiding reactivity overhead and ensuring proper layer behavior and performance.

Yes. This Skill covers both native and HTML marker patterns with z-ordering strategies. Manage them through the centralized store and clean up resources on component unmount to maintain map performance.

A centralized mapLayers store simplifies registration, cleanup, and reusability. It enables consistent lifecycle management across components and makes dynamic layer composition and event handling more maintainable in Vue applications.