# vue-leaflet-measure

> Coordinate, linear and area measure control for vue-leaflet

Latest version **0.0.4** (published 2022-10-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-leaflet-measure
pnpm add vue-leaflet-measure
yarn add vue-leaflet-measure
bun add vue-leaflet-measure
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2022-10-05 |
| First published | 2022-09-27 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 699.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Diego Cardoso |
| Maintainers | diegocardoso93 |
| Keywords | vue, vue-leaflet, leaflet, measure, measurement, control, coordinate, line, length, area, polygon, path |

## Links

- npm: https://www.npmjs.com/package/vue-leaflet-measure
- Repository: https://github.com/diegocardoso93/vue-leaflet-measure
- Homepage: https://github.com/diegocardoso93/vue-leaflet-measure#readme
- Issues: https://github.com/diegocardoso93/vue-leaflet-measure/issues
- npm.io page: https://npm.io/package/vue-leaflet-measure

## Dependencies (2)

- [@turf/area](https://npm.io/package/@turf/area.md) ^5.1.5
- [@turf/length](https://npm.io/package/@turf/length.md) ^5.1.5

## Alternatives

- [base64url](https://npm.io/package/base64url.md) — 6.1M weekly downloads
- [get-installed-path](https://npm.io/package/get-installed-path.md) — 502.9K weekly downloads
- [@uppy/url](https://npm.io/package/@uppy/url.md) — 185.8K weekly downloads
- [@d3fc/d3fc-shape](https://npm.io/package/@d3fc/d3fc-shape.md) — 16.2K weekly downloads
- [localizer](https://npm.io/package/localizer.md) — 226 weekly downloads

## Recent versions

- 0.0.4 (latest) — 2022-10-05
- 0.0.3 — 2022-09-28
- 0.0.2 — 2022-09-28
- 0.0.1 — 2022-09-27

## README

# vue-leaflet-measure
Coordinate, linear and area measure control for vue-leaflet
based on https://github.com/ljagis/leaflet-measure

![](http://ljagis.github.io/leaflet-measure/assets/leaflet-measure.png)

## Usage

- inside template l-map add
```javascript

<l-map :maxZoom="17" @ready="onMapReady" :use-global-leaflet="true">
  ...
  <l-measure :mapRef="mapRef" />
  ...
</l-map>
```

- in script setup section, create import and ref to map
```javascript
<script setup>
import { ref } from "vue";
import { LMap } from "@vue-leaflet/vue-leaflet";
import LMeasure from "vue-leaflet-measure";

import "leaflet/dist/leaflet.css";
import "vue-leaflet-measure/dist/style.css";

const mapRef = ref();

function onMapReady(map) {
  mapRef.value = map;
}
</script>
```

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