Svelte Maplibre
Svelte Maplibre

Examples

  • Plain Map
  • Custom Marker
  • Custom draggable Marker
  • GeoJSON Filled Polygon
  • Styled Line
  • Heatmap
  • Controls
  • Clusters and Popups
  • Custom Markers and Clusters
  • Images in a Symbol Layer
  • Layer Consisting of Markers
  • 3D Buildings
  • GeoJSON Extrusion
  • Transition Layers with Zoom
  • Overlapping Layer Events
  • Deck.gl Arc Layers
  • Changing basemap style
  • Vector Tile Source
  • PMTiles Source
  • Client Side Data Join

Github

Plain Map

svelte
<MapLibre
  style="https://basemaps.cartocdn.com/gl/positron-gl-style/style.json"
  class="relative w-full aspect-[9/16] max-h-[70vh] sm:max-h-full sm:aspect-video"
  standardControls
/>

Back to Examples

Github