Импортировать ссылку CDN в Google Maps в проект ReactJs

Question

Я создал проект, используя «create-react-app», в котором используются ReactJs, Node и Babel. Я хочу иметь доступ к переменным Google Map в компонентах React, но поскольку CDN в HTML загружаются после компонентов, они не доступны вовремя.

Я не нашел другого способа импортировать Карты Google (например, npm), поэтому мне нужно выяснить, как загрузить внешний файл для импорта в мои классы React.

Кроме того, я прочитал что-то об импорте в файл webpack, но я не уверен, как это сделать.

Answer 1

имеет много работы ...

Прежде всего вы импортировать экспромты из КДС на вашем index.html

/* imports */ 

let google = window.google; 
let mapProp = { 
    /* props */ 
}; 

export class Map extends React.Component { 
/* code */ 

componentDidMount() { 
     /*addChangeListener*/ 
     let node = ReactDOM.findDOMNode(this); 
     let map = new google.maps.Map(node, this.state.mapProp); 
     this.setState({map}); //this.initialize(map); 
     /* this.mountPath(map) your logic to mount map*/; 
    } 

} 

Для меня работа, я надеюсь, что помог.