在react-google-maps上隐藏默认全屏按钮

Question

我对react-google-maps有疑问.

我为FullScreen切换创建了自己的按钮

我试过但找不到摆脱默认按钮的方法.我试着将它添加到我的代码中,但它没有用.

<GoogleMap
 ref={(map) => console.log()}
 defaultZoom={12}
 defaultCenter={{ lat: this.state.lat, lng: this.state.lng }}
 fullscreenControl={false}
>

任何帮助将不胜感激.

干杯!

Answer 1

只是将它包含在默认选项中

const defaultMapOptions = {
  fullscreenControl: false,
};

const InputGoogleMap = withGoogleMap(props=>(
  <GoogleMap
    ref={(map) => console.log()}
    defaultZoom={12}
    defaultCenter={{ lat: this.state.lat, lng: this.state.lng }}
    defaultOptions={defaultMapOptions}
  />
))

有关更多Google地图选项,请访问以下网址:https: //developers.google.com/maps/documentation/javascript/reference？csw = 1#MapOptions

Answer 2

我认为图书馆得到了更新： google-map-react 0.23

defaultOptions 变成 options

const mapOptions = {
  fullscreenControl: false,
};

const Map = withGoogleMap(props=>(
  <GoogleMap
    defaultZoom={12}
    defaultCenter={{ lat: this.state.lat, lng: this.state.lng }}
    options={mapOptions}
  />
))

希望能帮助到你