anchor.diff:  
   
   map.on('click', function(event) {
  -  console.log(event)
     map.getSource('single-point').setData({
         type: 'FeatureCollection',
         features: [{
  
positive.code:       ////creates popup
      var popup = new mapboxgl.Popup({offset:popupOffsets})
        .setLngLat(event.lngLat)
        .setHTML('<a id="new-gem-link" href="/pins/new">Add a Gem!</a>') 
    .addTo(map);
   });
      /////
  </script>
  
  </div>
  
negative.code: map.addControl(new mapboxgl.GeolocateControl()); //creates 'my location' button
  
  ///////////////////////////////////////////////////////////////////////////////
  
  $('#map-placeholder').on('click', function(event){
    event.preventDefault();
    var $target = $(event.target)
    console.log($target)
    });
  
  
  map.on('load', function(){
  
  