Skip to content
Nuxt module for leafletjs -
Branch: master
Clone or download
Rasmus Schlünsen
Rasmus Schlünsen Added LControl. Bump version
Latest commit 1ede0f8 Mar 28, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
example/nuxt-leaflet-example Added example nuxt project Mar 28, 2019
lib Added LControl. Bump version Mar 28, 2019
test Rebase Mar 13, 2018
.gitignore Update plugin file to reflect the new naming from vue2-leaflet. Repla… Apr 18, 2018 chore(release): 0.1 Jan 18, 2019
LICENSE Rebase Mar 13, 2018 Update Mar 26, 2019
package-lock.json Bump version Mar 28, 2019
package.json Added LControl. Bump version Mar 28, 2019
yarn.lock Release fixes Jan 18, 2019


npm (scoped with tag) npm Dependencies js-standard-style

Nuxt module for leafletjs

📖 Release Notes


Nuxt module for vue2-leaflet.

See vue2-leaflet for more details.


  • Add nuxt-leaflet dependency using yarn or npm to your project
  • Add nuxt-leaflet to modules section of nuxt.config.js
  modules: [
    // Simple usage

    // With options
    ['nuxt-leaflet', { /* module options */ }],


Add the map to your page

<div id="map-wrap" style="height: 100vh">
   <l-map :zoom=13 :center="[47.413220, -1.219482]">
     <l-tile-layer url="http://{s}{z}/{x}/{y}.png"></l-tile-layer>
     <l-marker :lat-lng="[47.413220, -1.219482]"></l-marker>

The Leaflet 'L' object can be found on vue component: this.$L

List of currently implemented components

See components supported


  • Clone this repository
  • Install dependnecies using yarn install or npm install
  • Start development server using npm run dev


MIT License

Copyright (c) Rasmus Schlunsen

You can’t perform that action at this time.