title: Add new marker when I click on the map (OpenStreetMap, Leaflet JS)
body: <p>I want to add a new marker on the map when I right click,</p>
  
  <pre><code>function InitialiserCarte() {
  
  var map = L.map('map').setView([48.866667, 2.333333], 17);
  
  // create the tile layer with correct attribution
  var tuileUrl = 'http://{s}.tile.osm.org/{z}/{x}/{y}.png';
  
  var attrib='Map data © &lt;a href="http://openstreetmap.org"&gt;OpenStreetMap&lt;/a&gt; contributors';
  
  var osm = L.tileLayer(tuileUrl, {
      minZoom: 8, 
      maxZoom: 17,
      attribution: attrib
  });
  
  osm.addTo(map);
  
  var marker = L.marker([48.866667, 2.333333]).addTo(map);}
  </code></pre>
  
  <p>and I call this function with this jquery (loading of the page)</p>
  
  <pre><code>$(document).ready(function(){
      InitialiserCarte();
  });
  </code></pre>
  
  <p>Is it possible to add marker dynamically with a click action ?</p>