Использование карт Google в других компонентах через withScriptjs/withGoogleMap
В моем компоненте "Реакция" мне нужна карта Google и автозаполнение Google (настройка осуществляется через реагирующие места-автозаполнение). Когда я использую withScriptjs и / или withGoogleMap для загрузки библиотеки Google Maps, PlacesAutocomplete не может инициализироваться, так как не видит библиотеку Google Maps как загруженную.
render(){
return (<div>
<PlacesAutocomplete inputProps={autocompleteProps} />
<GoogleMapsWrapper ...
</div>);
}
Обертка:
import React from 'react';
import { GoogleMap,withGoogleMap,withScriptjs } from 'react-google-maps';
// https://github.com/tomchentw/react-google-maps/issues/636#issuecomment-333732995
const GoogleMapsWrapper = withScriptjs(withGoogleMap(props => {
return <GoogleMap {...props} ref={props.onMapMounted}>{props.children}</GoogleMap>
}));
export default GoogleMapsWrapper;
И ошибки.
Uncaught Error: Google Maps JavaScript API library must be loaded. See: https://github.com/kenny-hibino/react-places-autocomplete#load-google-library