feat(markers): Use play/stop icons for start/end

src/containers/indianapolis/map.js

@@ -1,5 +1,4 @@
 import {Browser} from 'leaflet'
-import {mapbox} from 'mapbox.js'
 import React, {PropTypes} from 'react'
 import {GeoJson, Map as LeafletMap, Marker, Popup, TileLayer, ZoomControl} from 'react-leaflet'
 
@@ -10,14 +9,15 @@ import messages from '../../utils/messages'
 import TransitiveLayer from '../../components/transitive-map-layer'
 import transitiveStyle from './transitive-style'
 
-const startIcon = mapbox.marker.icon({
-  'marker-size': 'large',
-  'marker-symbol': 'star',
-  'marker-color': '#4269a4'
+const startIcon = leafletIcon({
+  icon: 'play',
+  markerColor: 'darkblue'
+})
+
+const endIcon = leafletIcon({
+  icon: 'stop',
+  markerColor: 'orange'
 })
-const endIcon = leafletIcon({markerColor: 'darkblue'}) /* mapbox.marker.icon({
-  'marker-color': '#ff8c00'
-})*/
 
 export default class Map extends DeepEqual {
   static propTypes = {