title: Leaflet and Vuejs. How to add a new Marker onclick in the map?
body: <p>I would like to add and remove Markers in my Leaflet Map. i found this good topic but the code is in JS.</p>
  
  <p><a href="https://stackoverflow.com/questions/9912145/leaflet-how-to-find-existing-markers-and-delete-markers/24342585#24342585">Leaflet - How to find existing markers, and delete markers?</a></p>
  
  <p>My code is like that :</p>
  
  <pre><code>&lt;template&gt;
   &lt;l-map :zoom="zoom" :center="center"&gt;
    &lt;l-tile-layer :url="url" :attribution="attribution"&gt;&lt;/l-tile-layer&gt;
    &lt;l-marker :lat-lng="marker" :draggable=true&gt;&lt;/l-marker&gt;
   &lt;/l-map&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  data:function() {
          return {
    zoom:7,
    center: L.latLng(33.901445, -5.532788),
    url:'http://{s}.tile.osm.org/{z}/{x}/{y}.png',
    attribution:'&amp;copy; &lt;a href="http://osm.org/copyright"&gt;OpenStreetMap&lt;/a&gt; 
    contributors',
    marker: L.latLng(47.413220, -1.219482),
    }},
  &lt;/script&gt;
  </code></pre>
  
  <p>Maybe i should start by creating a function on click like that :</p>
  
  <pre><code>&lt;l-map :zoom="zoom" :center="center" v-on:click="addMarker"&gt;&lt;/l-map&gt;
  </code></pre>
  
  <p>And then i wrtie the correct addMarker Function in method. But i can't find the right doc for that.</p>
  
  <p>I would like also to get the position of the new Marker in Data..</p>
  
  <p>Thank you </p>