marker.es6

  class Marker extends React.Component {
    componentDidMount() {
      const { lat, lng } = this.props.spot;

      this.gMarker = new RichMarker({
        position: new google.maps.LatLng(lat, lng),
        map: this.props.gMap,
        draggable: true,
        content: ReactDOM.findDOMNode(this)
      });

      this.gMarker.addListener('click', () => {
        this.props.onClick(this.props.spot);
      });
    }

    componentDidUpdate() {
      this.gMarker.setContent(ReactDOM.findDOMNode(this));
    }

    componentWillReceiveProps(nextProps) {
      if (nextProps.gMap !== this.props.gMap) {
        this.gMarker.setMap(nextProps.gMap);
      }
    }

    componentWillUnmount() {
      this.gMarker.setMap(null);
    }

    render() {
      const className = classNames({
        'map-marker': true,
        'map-marker--spot': !this.props.isSelected,
        'map-marker--spot-selected': this.props.isSelected
      });

      return (
        <div className={className} />
      );
    }
  }