title: Mapbox allow user to click on map and pin?
body: <p>As the question says I want to allow users to click on the map and add a pin, I need to do that in order to display to users where is the business located and because I don't know the location. I need to allow them to insert it. However, documentation is a bit confusing for me and either I cannot find it or I just missed it.</p>
  
  <p>So far I have:</p>
  
  <pre><code>   &lt;div id="right" class="map"&gt;
          &lt;div id='map' style='width: 100%; height: 100%;'&gt;&lt;/div&gt;
          &lt;script&gt;
          mapboxgl.accessToken = 'pk.eyJ1IjoibGl2ZS1vbGRoYW0iLCJhIjoiY2ozbXk5ZDJ4MDAwYjMybzFsdnZwNXlmbyJ9.VGDuuC92nvPbJo-qvhryQg';
          var map = new mapboxgl.Map({
          container: 'map',
          style: 'mapbox://styles/mapbox/streets-v10'
          });
          &lt;/script&gt;
      &lt;/div&gt;
  </code></pre>