Quick way to star a web map application with MapLibre GL JS using Svelte.
A simple fullscreen map application as an example on how to use MapTiler maps together with Svelte and MapLibre GL JS for your own Svelte app.
- Clone this repo
git clone https://github.com/maptiler/get-started-svelte-maplibre-gl-js.git my-svelte-map- Navigate to the newly created project folder my-svelte-map
cd my-svelte-map- Install dependencies
npm install⚠️ Open the App.svelte file and replace YOUR_MAPTILER_API_KEY_HERE with your actual MapTiler API key.
ℹ️ If you don't have an API KEY you can create it for FREE at https://www.maptiler.com/cloud/
- Start your local environment
npm run dev- You will find your app on address http://localhost:8080/. Now you should see the map in your browser.
You can learn more at How to display a map in Svelte using MapLibre GL JS.
Distributed under the MIT License. See LICENSE for more information.