{"size": 524, "ext": "js", "max_stars_repo_path": "src/components/google_map.js", "max_stars_repo_name": "skyran1278/redux-2", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/google_map.js", "max_issues_repo_name": "skyran1278/redux-2", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/google_map.js", "max_forks_repo_name": "skyran1278/redux-2", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 18.0689655172, "max_line_length": 45, "alphanum_fraction": 0.5648854962}
import React, { Component } from 'react';
import GoogleMapsLoader from 'google-maps';

class GoogleMap extends Component {

  componentDidMount() {
    const that = this
    console.log(that.props.lat)
    GoogleMapsLoader.load(function (google) {
      new google.maps.Map(that.refs.map, {
        zoom: 11,
        center: {
          lat: that.props.lat,
          lng: that.props.lon,
        }
      });
    });
  }

  render() {
    return (
      <div ref='map' >

      </div>
    );
  }
}

export default GoogleMap;