React使用google-maps-react时如何禁用谷歌地图全屏、街景功能

解决方法 #

你可以通过Map组件的options属性传入谷歌地图原生配置项来禁用对应功能，修改后的代码如下：

const myComp = props => {
  return(
    <Map
      google={props.google}
      style={{ width: "100%", height: "100%" }}
      zoom={12}
      onDragend={handleMapCenterChanged}
      onReady={fetchPlaces}
      // 新增options配置
      options={{
        fullscreenControl: false, // 禁用全屏控件
        streetViewControl: false, // 禁用街景控件
      }}
    >
               
    </Map>
  )
}
export default connect(
  mapStateToProps,
  {}
)(
  GoogleApiWrapper({
    apiKey: API_KEY,
    LoadingContainer: LoadingContainer,
  })(myComp)
)

如果需要禁用其他默认地图控件，也可以在options里追加对应配置，常用可选配置如下：

• zoomControl: false 禁用缩放按钮
• mapTypeControl: false 禁用地图/卫星切换控件
• scaleControl: false 禁用比例尺控件
• rotateControl: false 禁用旋转控件

内容的提问来源于stack exchange，提问作者seagulls0125