街景图像未在画布上居中

Question

我正在尝试使用google-map-react在我的项目中渲染Google Maps Street View容器。但是我在将街景图像居中时遇到问题。它飘到了一边。

这是我正在使用的代码：

import React, {Component} from 'react'
import PropTypes from 'prop-types'
import GoogleMapReact from 'google-map-react'


export default class GoogleMapContainer extends Component {
static propTypes = {
center: PropTypes.object,
zoom: PropTypes.number
}
static defaultProps = {
center: {
  lat: 59.95,
  lng: 30.33
},
zoom: 11
};

render () {
return (
  // Important! Always set the container height explicitly
  <div style={{height: '100vh', width: '100%'}}>
    <GoogleMapReact
      bootstrapURLKeys={{key: 'notshownhere'}}
      defaultCenter={this.props.center}
      defaultZoom={this.props.zoom}
      options={{streetViewControl: true}}
    >
    </GoogleMapReact>
  </div>
)

}  }