A Vue2Leaflet wrapper for Freedraw



This is a FreeDraw plugin for Vue2-Leaflet


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

or with yarn:

yarn add leaflet vue2-leaflet vue2-leaflet-freedraw


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

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



<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' }}
  <l-freedraw v-model="polygons" :mode="mode" />


  • In mobile not work

    In mobile not work


    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


    opened by josejachuf 5
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 Dec 15, 2021
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 186 Dec 21, 2021
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 527 Jan 10, 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.6k Jan 22, 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 366 Jan 16, 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 383 Jan 10, 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 44 Dec 2, 2021
📈 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 199 Jan 12, 2022
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.

Alan Smith 40 Dec 28, 2021
📊📈 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

null 58 Jan 14, 2022
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

Croud Tech 494 Jan 15, 2022
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

Michal Szajter 37 Sep 10, 2021
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

Kalpa Madushan Perera 128 Oct 4, 2021
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

Byteboomers 149 Jun 19, 2021
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

Edan 243 Dec 19, 2021
↔️ ↕️ 🔄 Vue.js wrapper for Moveable

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

Max Lyashuk 944 Jan 11, 2022
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

htoniv 24 Aug 14, 2021
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

J. Cameron McDonald 470 Dec 29, 2021
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

Goh Wei Wen 201 Nov 4, 2021
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

Kutlu Sahin 1.3k Jan 23, 2022
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

Lars 33 Jan 3, 2022
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

Arno Gourdol 69 Dec 28, 2021
Vue wrapper for croppie

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

Joff Tiquez 239 Jan 13, 2022
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

Sebastian Wachter 35 Jan 11, 2022
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

Álvaro 1.6k Jan 14, 2022
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.

null 90 Jan 13, 2022
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

Adam 251 Jan 19, 2022