使用react-google-maps - ReactJS呈现一个自定义组件

import React from 'react';
import { withGoogleMap, GoogleMap, Marker } from 'react-google-maps';

const MyMapComponent = withGoogleMap(props => (
  <GoogleMap
    defaultZoom={8}
    defaultCenter={{ lat: -34.397, lng: 150.644 }}
  >
    <Marker position={{ lat: -34.397, lng: 150.644 }} />
  </GoogleMap>
));

class App extends React.Component {
  render() {
    return (
      <div style={{ height: '400px', width: '100%' }}>
        <MyMapComponent
          containerElement={<div style={{ height: '100%' }} />}
          mapElement={<div style={{ height: '100%' }} />}
        />
      </div>
    );
  }
}

export default App;

<div style={{ height: '400px', width: '100%' }}>
  <MyMapComponent
    containerElement={<div style={{ height: '100%' }} />}
    mapElement={<div style={{ height: '100%' }} />}
  />
</div>

<Marker position={{ lat: -34.397, lng: 150.644 }} />