如何在react-google-maps中添加自定义按钮？

npm install react-google-maps --save

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

const MapWithCustomButton = withGoogleMap(props => (
  <GoogleMap
    defaultZoom={12}
    defaultCenter={{ lat: -34.397, lng: 150.644 }}
  >
    <button
      style={{
        position: 'absolute',
        top: '10px',
        left: '10px',
        padding: '10px',
        background: 'white',
        border: '1px solid gray',
        borderRadius: '5px',
        zIndex: 1,
      }}
      onClick={() => {
        // 处理按钮点击事件
      }}
    >
      自定义按钮
    </button>
  </GoogleMap>
));

4. 在你的React组件中，使用MapWithCustomButton组件来渲染地图和自定义按钮：

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