Geolocation

demo.js

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

const App = React.createClass({

  onMapCreated(map) {
    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition((position) => {
        map.setCenter({
          lat: position.coords.latitude,
          lng: position.coords.longitude
        });
      });
    }
  },

  render() {
    return (
      <Gmaps
        width={'400px'}
        height={'300px'}
        lat={0}
        lng={0}
        zoom={12}
        onMapCreated={this.onMapCreated}/>
    );
  }

});

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