Examples

Discover the examples.

• Basic: A basic map with a style and controls
• Custom Control: A custom control with a button
• Custom Marker: A map with a custom marker
• Filter features: Using filter in layer
• Geojson source: Render a dynamic geojson source
• Display a globe: Display a globe with a vector map.
• Add an icon to the map: Add an icon to the map from an external URL and use it in a symbol layer.
• Draggable Marker: A map with a draggable marker
• Marker with popup: A map with a marker and a popup
• Marker: A map with a marker
• Playground: Play with some of the components
• Popup: A popup on the map
• Terrain: 3D Terrain
• useControl composable: Usage of the useControl
• useMap composable: Usage of the useMap composable
• Vector source: Display a vector source
• Video source: A video source
• V-model props: Support for v-model props on the map