bootstrapURLKeys dosent work

bootstrapURLKeys dosen’t work when I using it with react 16

but when I add key in html it works:

<script src="//maps.googleapis.com/maps/api/js?key=MY_KEY" async="" defer="defer" type="text/javascript"></script>

… and why there is no information in doc that I need add it? That’s crucial information

            <GoogleMapReact
                bootstrapURLKeys={{
                    key: 'my key'
                }}
                defaultCenter={this.props.center}
                defaultZoom={this.props.zoom}
                height="200"
            >
                <Point lat={this.props.lat} lng={this.props.lng}  text={'Test'} />
            </GoogleMapReact>

[oskarleonard]

Had same problem and found: “Make sure the container element has width and height. The map will try to fill the parent container, but if the container has no size, the map will collapse to 0 width / height.” https://github.com/istarkov/google-map-react/blob/master/API.md

        <div style={{height: '500px', width: '500px'}}>
            <GoogleMapReact
                className="container karta"
                bootstrapURLKeys={{
                    key:'my keyI',
                    language: 'en',
                }}
                defaultCenter={{lat: 59.95, lng: 30.33}}
                defaultZoom={11}
            >
            </GoogleMapReact>
        </div> 

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.