1import {
2  withScriptjs,
3  withGoogleMap,
4  GoogleMap,
5  Marker,
6} from "react-google-maps";
7
8const MapWithAMarker = withScriptjs(withGoogleMap(props =>
9  <GoogleMap
10    defaultZoom={8}
11    defaultCenter={{ lat: -34.397, lng: 150.644 }}
12  >
13    <Marker
14      position={{ lat: -34.397, lng: 150.644 }}
15    />
16  </GoogleMap>
17));
18
19<MapWithAMarker
20  googleMapURL="https://maps.googleapis.com/maps/api/js?key=AIzaSyC4R6AN7SmujjPUIGKdyao2Kqitzr1kiRg&v=3.exp&libraries=geometry,drawing,places"
21  loadingElement={<div style={{ height: `100%` }} />}
22  containerElement={<div style={{ height: `400px` }} />}
23  mapElement={<div style={{ height: `100%` }} />}
24/>