Quick way to star a web map application with MapLibre GL JS using Vue.js.
A simple fullscreen map application as an example on how to use MapTiler maps together with Vue.js and MapLibre GL JS for your own Vue.js app.
- Clone this repo
git clone https://github.com/maptiler/get-started-vuejs-maplibre-gl-js.git my-vuejs-map- Navigate to the newly created project folder my-vuejs-map
cd my-vuejs-map- Install dependencies
npm install⚠️ Open the App.vue 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 serve- You will find your app on address http://localhost:8080/. Now you should see the map in your browser.
This project was generated with Vue.js CLI.
You can learn more at How to display a map in Vue.js using MapLibre GL JS.
Distributed under the MIT License. See LICENSE for more information.