const {viewport, settings} = this.state;
console.log("htiiss", this);
return (
  <MapGL
    {...viewport}
    {...settings}
    mapStyle="mapbox://styles/mapbox/dark-v9"
    onViewportChange={this._onViewportChange}
    mapboxApiAccessToken={MAPBOX_TOKEN} >
    { this.markers.map((marker,i )=>{
      const {name, coordinates} = marker;
      return (
        <MyMarker key={i} longitude={coordinates[0]} latitude={coordinates[1]} ></Bus>


      );
    }) }

  </MapGL>
);

class MyMarker extends React.Component {

  render() {
    const {
      latitude,
      longitude,
      currentTimestamp,
      eta
    } = this.props;
    console.log("asdasd", latitude, longitude);
    return (
      <Marker
        className={styles.bus}
        latitude={ latitude }
        longitude={ longitude }>
        <div ><span>aaaa</span></div>

      </Marker>
    );
  }
}



export default connect(
  s => ({}),
  d => ({})
)(MyMarker);