Использование карт 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

0 ответов

Другие вопросы по тегам