# vue2-leaflet-vectorgrid

> A Leaflet.VectorGrid plugin for the vue2-leaflet package

Latest version **1.1.1** (published 2020-04-28) · BSD-3-Clause license · 0 weekly downloads

## Install

```sh
npm install vue2-leaflet-vectorgrid
pnpm add vue2-leaflet-vectorgrid
yarn add vue2-leaflet-vectorgrid
bun add vue2-leaflet-vectorgrid
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.1 |
| Published | 2020-04-28 |
| First published | 2018-01-17 |
| Weekly downloads | 0 |
| License | BSD-3-Clause |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 6.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 17 |
| Author | Daniel Wiesmann |
| Maintainers | yellowcap |
| Keywords | vue2, leaflet, vectorgrid |

## Links

- npm: https://www.npmjs.com/package/vue2-leaflet-vectorgrid
- Repository: https://github.com/tesselo/vue2-leaflet-vectorgrid
- Homepage: https://github.com/tesselo/vue2-leaflet-vectorgrid#readme
- Issues: https://github.com/tesselo/vue2-leaflet-vectorgrid/issues
- npm.io page: https://npm.io/package/vue2-leaflet-vectorgrid

## Dependencies (1)

- [leaflet.vectorgrid](https://npm.io/package/leaflet.vectorgrid.md) ^1.3.0

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 1.1.1 (latest) — 2020-04-28
- 1.1.0 — 2020-04-27
- 1.0.7 — 2020-04-27
- 1.0.6 — 2018-08-09
- 1.0.4 — 2018-01-23
- 1.0.3 — 2018-01-23
- 1.0.2 — 2018-01-17
- 1.0.1 — 2018-01-17
- 1.0.0 — 2018-01-17

## README

# vue2-leaflet-vectorgrid

This is a [VectorGrid](https://github.com/Leaflet/Leaflet.VectorGrid) plugin extension for the [vue2-leaflet](https://github.com/KoRiGaN/Vue2Leaflet) package. Currently only the VectorGrid.protobuf layer is implemented.

## Install

    npm install vue2-leaflet-vectorgrid

## Quickstart

For a complete example, have a look at the demo code in the single-file component [example](example/app.vue).

### On <template> add something like this

```html
<l-map :zoom=10 :center="[-34.9205, -57.953646]">
  <l-protobuf url="https://example.com/my/favorite/endpoint/{z}/{y}/{x}.pbf" :options="options"/>
</l-map>
```

### on &lt;script&gt; add

```javascript
import { LMap } from 'vue2-leaflet';
import LProtobuf from 'vue2-leaflet-vectorgrid'

export default {
  components: {
    LMap,
    LProtobuf
  },
  data () {
    return {
      options: {
      	vectorTileLayerStyles: { ... },
         ...  // More VectorGrid options.
      }
    }
  }
}
```
## Example
There is a simple but complete usage example. First, clone the repo and install
its dependencies.

    git clone git@github.com:tesselo/vue2-leaflet-vectorgrid.git
    cd vue2-leaflet-vectorgrid
    npm install

Also install peer dependencies.

    npm install vue leaflet vue2-leaflet

To run the example `@vue/cli` and `@vue/cli-service-global` are required to be
installed globally.

       npm install -g @vue/cli @vue/cli-service-global

Start the dev server using the the vue serve utility

    vue serve example/app.vue

Then you should be able to navigate with your browser and see the demo at
http://localhost:8080/.

## Develop and build

    npm install
    npm run build

## Deploy

Pack locally for install testing.

    npm pack

Publish release

    npm publish

## Acknowledgements

Thanks to Aaron Gong and  Julián Perelli, the authors of the [markercluster plugin](https://github.com/jperelli/vue2-leaflet-markercluster) and the [tracksymbol plugin](https://github.com/ais-one/vue2-leaflet-tracksymbol). Both packages have been used as a basis to build this plugin.

---
_Source: https://npm.io/package/vue2-leaflet-vectorgrid · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._