## Components
npm install svelte-mapboxProxy components act as convenient wrappers for necessary boilerplate.
- Image (Mapbox reference)
- Map (Mapbox reference)
- Source (Mapbox reference)
- Layer (Mapbox reference)
DOM components add necessary DOM elements and bind them to mapbox-gl.
- Marker (Mapbox reference)
- Popup (Mapbox reference)
- Control (Mapbox reference)
Install via NPM/PNPM/Yarn/Bun:
``sh`
npm install svelte-mapbox --save
Import and use components:
`jsx
accessToken: 'YOUR_MAPBOX_ACCESS_TOKEN'
style: 'mapbox://styles/mapbox/streets-v12',
center: [12.550343, 55.665957],
zoom: 8,
}}>
`
svelte-mapbox attempts to stick as close as possible to the official Mapbox API, but there are some differences. If you know mapbox-gl, you should know svelte-mapbox.
Generally, if you can add something to a Map object, you can import it as a component. If you can specify options for that thing, you can pass them as options to the component.
If you can call a set method on an object, you can pass it as a prop. As an example, calling setLngLat can be replaced with the lngLat prop.
If you want to simply access the underlying object, you can use bind:[component type]. As an example, bind:map returns the Map` object.