title: Using mapbox.js to create a draggable marker (pin) that changes color on click
body: <p>There are two relevant examples on mapbox's documentation:<br>
  <a href="https://www.mapbox.com/mapbox.js/example/v1.0.0/change-marker-color-click/" rel="nofollow">Change Marker Color on Click</a> and <a href="https://www.mapbox.com/mapbox.js/example/v1.0.0/draggable-marker/" rel="nofollow">Draggable Marker</a>  </p>
  
  <p>But they go about creating the markers in very different ways. </p>
  
  <p><strong>Method A:</strong><br>
  In the "Change Marker Color on Click" example...<br>
  they create markers from a geoJSON object, they add a featureLayer to the map and use setGeoJSON to apply that geoJSON object to the featureLayer.</p>
  
  <p><strong>Method B:</strong><br>
  In the "Draggable Marker" example...<br>
  they create a new marker object via L.marker and then add it to the map with marker.addTo(map)</p>
  
  <p><hr />
  In Method A I cannot seem to figure out where to add a draggable value within the geoJSON object... or if that is even possible.</p>
  
  <p>In Method B I cannot seem to figure out how to change the marker color after it has been created. There is no initial geoJSON object to iterate through like in the "Change Marker Color on Click" example. However I have found that I can iterate through layers via map.featureLayer.eachLayer and I can successfully see the pins I've created... I just don't see any 'marker-color' property or similar that I can change to affect the markers' color.</p>
  
  <p>Any help would be appreciated... Thanks!</p>