A Vue2Leaflet wrapper for Freedraw

Overview

Vue2-Leaflet-Freedraw

This is a FreeDraw plugin for Vue2-Leaflet

Install

npm install --save leaflet vue2-leaflet vue2-leaflet-freedraw

or with yarn:

yarn add leaflet vue2-leaflet vue2-leaflet-freedraw

Demo

git clone https://github.com/Esurnir/vue2-leaflet-freedraw.git
cd vue2-leaflet-freedraw
yarn
yarn serve

The demo should compile and be visible from http://localhost:8080/ The source code of the demo is in the dev folder.

Usage

on

">
<l-map :zoom="10" :center="center">
  <l-tile-layer url="http://{s}.tile.osm.org/{z}/{x}/{y}.png" />
  <l-control position="topleft">
    <button @click="flipActive">
      {{ isActive ? 'Deactivate' : 'Activate' }}
    button>
  l-control>
  <l-freedraw v-model="polygons" :mode="mode" />
l-map>

on

You might also like...
Vue 3 component wrapper for Highcharts.js

Vue 3 - Highcharts JS A simple, fast, Vue 3 component for rendering Highcharts.js Charts written using the composition API. Demos https://smithalan92.

๐Ÿ“Š๐Ÿ“ˆ ECharts wrapper component for Vue 3 and 2

็ฎ€ไฝ“ไธญๆ–‡ | English ECharts For Vue ๐Ÿ“Š ๐Ÿ“ˆ ECharts wrapper component for Vue 3 and 2 Features Support for Vue 3 and 2; Conform to the habits of Vue and ECha

FullCalendar Wrapper for vue

vue-fullcalendar Installation npm install --save vue-full-calendar Or for Vue 1.x users npm install --save [email protected] Installing the pl

VueJS wrapper component for Pikaday datepicker

Vue Pikaday VueJS wrapper component for Pikaday datepicker Install npm i -D @netcz/vue-pikaday or yarn add -D @netcz/vue-pikaday Usage Please consult

Vue.js wrapper for TOAST UI Calendar

Vue TOAST UI Calendar A Vue.js wrapper for TOAST UI Calendar Installation npm install --save tui-calendar @lkmadushan/vue-tuicalendar Usage Example Tr

Vue promise wrapper component

vue-prom Vue promise wrapper component About The goal of this component is to simplify rendering logic based on promise state (pending / fulfilled, re

Hammer.js wrapper for Vue 2.x to support some touching operation in the mobile.

vue-hammer Hammer.js wrapper for Vue to support some operation in the mobile This is a directive wrapper for Hammer.js 2.x. And this repo'inspiration

โ†”๏ธ โ†•๏ธ ๐Ÿ”„  Vue.js wrapper for Moveable
โ†”๏ธ โ†•๏ธ ๐Ÿ”„ Vue.js wrapper for Moveable

Vue Moveable A Vue Component that create Moveable, Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable. Moveable Drag

Vuejs wrapper (size  3.1kb) for tinytabs library -
Vuejs wrapper (size 3.1kb) for tinytabs library -

Vue Tinytabs Vuejs wrapper for Tinytabs which is a super tiny javascript plugin for rendering tabs ( 2KB). Documentation and Demo: https://vue-tiny-t

A lightweight Vue wrapper that abstracts away the wonkier parts of the Drag and Drop Browser API

โ— Version 1.0.0 is out! This finally includes support for IE/Edge. Note that this required skipping the native transferData event property entirely in

Vue.js wrapper for Swing

VueSwing A Vue.js wrapper for Swing. Swing is a swipeable cards interface. The swipe-left/swipe-right for yes/no input. As seen in apps like Jelly and

Vue wrapper components for smooth-dnd

Vue Smooth DnD A fast and lightweight drag&drop, sortable library for Vue.js with many configuration options covering many d&d scenarios. This library

Vue-Wrapper for the minimalistic pell-WYSIWYG-Editor

vue-pell-editor Vue wrapper for pell WYSIWYG text editor Installation Install via NPM or Yarn: $ npm install --save vue-pell-editor # OR $ yarn add vu

Example of using the Vue wrapper for MathLive math editor
Example of using the Vue wrapper for MathLive math editor

The MathLive Vue wrapper provides a Vue component that implements a mathlive-mathfield HTML tag. The component can be used to edit formulas using th

Vue wrapper for croppie
Vue wrapper for croppie

#BlackLivesMatter! https://blacklivesmatter.com/ Black Lives Matter Movement Resources VueCroppie VueCroppie is a Vue 2 wrapper for Croppie a beautifu

A Vue.js wrapper component that turns everything into fun scratch cards.

๐Ÿฆ„ vue-scratchable ๐Ÿณ๏ธโ€๐ŸŒˆ ๐Ÿงฝ Publishing status: A Vue.js wrapper component that turns everything into fun scratch cards. Includes touch support withou

Official Vue.js wrapper for fullPage.js http://alvarotrigo.com/vue-fullpage/
Official Vue.js wrapper for fullPage.js http://alvarotrigo.com/vue-fullpage/

Vue-fullpage.js Official Vue.js wrapper for the fullpage.js library. Demo online | Codepen fullpage.js Extensions By @imac2. Thanks to VasiliyGryaznoy

Vue wrapper arround Material Components for the Web

Material Components for Vue Vue components (Vue 3.0) for Material Web Components which uses the Using Foundations and Adapters integration technique.

Vue.js wrapper for perfect scrollbar

vue2-perfect-scrollbar Vue.js minimalistic but powerful wrapper for perfect scrollbar Are you looking compatible version with Vue3 ? check https://git

Comments
  • In mobile not work

    In mobile not work

    Hello

    First of all, thank you very much for your work . I am using this component in a project, it works fine on desktop, but I can not draw on mobile devices or in the desktop browser using mobile mode.

    It has happened to you or is something that I am doing wrong

    Jose

    opened by josejachuf 5
Owner
Jean-Baptiste Zeller
Jean-Baptiste Zeller
A Vue JS wrapper around Noty

vuejs-noty A Vue JS wrapper around Noty. Developped for Vue 2. Getting Started Install using npm: $ npm install vuejs-noty Import and register Vue plu

null 156 Jul 27, 2022
A small wrapper for integrating SweetAlert to Vuejs

VueSwal You can customize VueSwal to fit your needs. Api sweetalert or Examples Installation npm npm install vue-swal yarn yarn add vue-swal Usage Bun

Antรฉrio Vieira 187 Oct 29, 2022
A convenient wrapper for sweetalert2.

vue-sweetalert2 Vue.js wrapper for SweetAlert2. With support SSR. Attention: When using "Vue3: Composition API" it is better not to use this wrapper.

Aleksey Pivkin 582 Dec 2, 2022
A vue 2 plugin wrapper for the great siema carousel

vue2-siema Dead project!? A wrapper for the siema javascript library Usage See this demo. Installation npm install --save vue2-siema or yarn add vue2

Carlos Nogueira 46 Sep 17, 2021
๐Ÿ“Š Vue.js wrapper for Chart.js

vue-chartjs vue-chartjs is a wrapper for Chart.js in vue. You can easily create reuseable chart components. Demo & Docs ?? Demo ?? Docs Compatibility

Jakub 4.9k Nov 23, 2022
Base on Vue2.0 wrapper for ChartJs. (Deprecated)

Deprecated Package ?? This package is no longer maintain. ?? vue-charts Base on Vue2, wrapper for ChartJs. Vue js Chart js Work well with Laravel Rend

Gimmy 364 Nov 21, 2022
A simple wrapper for Chart.

VueChart A simple wrapper for Chart. demo Try it out! dependencies Chart setup npm npm i @seregpie/vue-chart ES module Register the component globally

Sergej Sintschilin 24 Aug 9, 2021
Reactive Vue.js wrapper for Google Charts lib

vue-google-charts Reactive Vue.js wrapper for Google Charts lib Table of contents Installation Usage Example Installation npm i vue-google-charts Def

Devstark 419 Nov 25, 2022
A wrapper library for GaugeJS

vgauge A Vue Wrapper to GaugeJS If this package helps you, consider buying me a beer ?? Play Live Demo Installing npm i vgauge --save or <script src="

Amr Essam 48 Nov 22, 2022
๐Ÿ“ˆ vue wrapper for plotly.js

vue-plotly Thin vue wrapper for plotly.js It provides: all plotly.js methods and events data reactivity Redraw on resizing Live example https://david-

David Desmaisons 228 Nov 17, 2022