Я пытаюсь отобразить контейнер Google Maps Street View внутри моего проекта с помощью google-map-реакции. Но у меня проблема с центрированием изображения с улицы. Он смещается в сторону.
Это код, который я использую:
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>
)
}
}