реагировать Google карта возвращает пустой элемент _ реагировать - PullRequest
Новая
       14

реагировать Google карта возвращает пустой элемент _ реагировать

0 голосов
/ 30 апреля 2019

это мой реагирующий компонент карты. 

import GoogleMapReact from 'google-map-react';


this.state = {
            center: {
                lat: 59.95,
                lng: 30.33
            },

        }
<div  style={{ height: '100vh', width: '100%', position:"absolute" }}>
                <GoogleMapReact
                    bootstrapURLKeys={{ key: "some token" }}
                    defaultCenter={this.props.center}
                    defaultZoom={16}
                >  
                </GoogleMapReact>
            </div>

но ничего не делает. Почему? в документации на странице github говорится, что элемент parrent должен иметь абсолютную позицию с '100vh', ширина: '100%'. На странице ничего не отображается.

1 Ответ

0 голосов
/ 30 апреля 2019

Попробуйте это 

import GoogleMapReact from 'google-map-react'

const SomeText = ({ text }) => <div>{ text }</div>;

<div className='google-map' style={{width:'100%',height:'400px',margin:'auto'}}>
    <GoogleMapReact defaultCenter={ this.props.center } defaultZoom={16}>
        <SomeText lat={ this.props.center.lat } lng={ this.props.center.lng } text={ 'Here you are?' } />
    </GoogleMapReact>
</div>

Моя карта не отображается!

Убедитесь, что элемент контейнера имеет ширину и высоту. Карта попытается заполнить родительский контейнер, но если контейнер не имеет размера, карта свернется до 0 ширина / высота. Это не требование для google-map-реакции, это требование для google-maps в целом.

...