Gmaps set center

demo.js

import React from 'react';
import ReactDOM from 'react-dom';
import {Gmaps, Marker, InfoWindow} from 'react-gmaps';

const points = [{
  lat: 51.5258541,
  lng: -0.09040660000006028
}, {
  lat: 51.5258541,
  lng: -0.08040660000006028
}, {
  lat: 51.5258541,
  lng: -0.07040660000006028
}];

const App = React.createClass({

  getInitialState() {
    return {
      index: 1
    };
  },

  selecMarker(index) {
    this.setState({ index });
  },

  renderMarkers() {
    return points.map((coords, index) =>
      <Marker
        key={index}
        lat={coords.lat}
        lng={coords.lng}
        onClick={() => this.selecMarker(index)}
      />
    );
  },

  render() {
    const { index } = this.state;
    return (
      <Gmaps
        ref="gmaps"
        width={400}
        height={300}
        lat={points[index].lat}
        lng={points[index].lng}
        zoom={12}
      >
        {this.renderMarkers()}
      </Gmaps>
    );
  }

});

ReactDOM.render(<App />, document.getElementById('gmaps'));