Nuxt module for Leaflet
npm install @nuxtjs/leaflet
[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]
A Nuxt module to use Leaflet.
It was made using Vue Leaflet which is a Vue 3 wrapper for Leaflet, that exposes the original Leaflet API as Vue components.
This module is really just about making it work with Nuxt without the need to configure anything.
- ✨ Release Notes
- 📖 Documentation
- ⚡ No configuration needed
- 🦺 Typescript support
- 🚠 Auto import
``bash`
npx nuxi@latest module add @nuxtjs/leaflet
That's it! You can now use Leaflet in your Nuxt app ✨
For a complete list of the components available, check out the official documentation library.
`vue
:zoom="zoom"
:center="[47.21322, -1.559482]"
:use-global-leaflet="false"
>
attribution="© OpenStreetMap contributors"
layer-type="base"
name="OpenStreetMap"
/>
`
`bashInstall dependencies
npm install
[npm-version-src]: https://img.shields.io/npm/v/@nuxtjs/leaflet/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-version-href]: https://www.npmjs.com/package/@nuxtjs/leaflet
[npm-downloads-src]: https://img.shields.io/npm/dm/@nuxtjs/leaflet.svg?style=flat&colorA=18181B&colorB=28CF8D
[npm-downloads-href]: https://www.npmjs.com/package/@nuxtjs/leaflet
[license-src]: https://img.shields.io/npm/l/@nuxtjs/leaflet.svg?style=flat&colorA=18181B&colorB=28CF8D
[license-href]: https://www.npmjs.com/package/@nuxtjs/leaflet
[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
[nuxt-href]: https://nuxt.com