在功能性react组件中使用google api

import { Map, GoogleApiWrapper } from 'google-maps-react';

class GoogleMap extends React.Component {
  render() {
    return (
      <Map
        google={this.props.google}
        // 设置初始地图中心和缩放级别
        initialCenter={{
          lat: 37.7749,
          lng: -122.4194
        }}
        zoom={14}
      />
    );
  }
}

export default GoogleApiWrapper({
  apiKey: 'YOUR_GOOGLE_MAPS_API_KEY'
})(GoogleMap);

import GoogleMap from './GoogleMap';

class MyComponent extends React.Component {
  render() {
    return (
      <div>
        <h1>My Component</h1>
        <GoogleMap />
      </div>
    );
  }
}

export default MyComponent;