From 55e8e9bd122da1fdec1209c59b31e98157b6378a Mon Sep 17 00:00:00 2001 From: Trevor Gerhardt Date: Wed, 23 Nov 2016 14:01:52 +0800 Subject: [PATCH] feat(markers): Use play/stop icons for start/end --- src/containers/indianapolis/map.js | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/containers/indianapolis/map.js b/src/containers/indianapolis/map.js index e7958da..31eca40 100644 --- a/src/containers/indianapolis/map.js +++ b/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 = {