Map.js

import React from 'react';
import styles from './map.css';
import GoogleMap from './google-map';
import mapData from '../../test/geo.json';

export function Map(props) {
  let map = (
    <GoogleMap
      markerData={mapData.features}
      centerPoint={{ lat: 51.5285, lng: -0.0847 }}
      zoomLevel={12}
    />
  );

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

export default Map;