Verwenden Sie Google Map API in einer react-Babel-Komponente

Question

Ich versuche derzeit, Google Map API mit react js und babel zu verwenden. Ich möchte die vorhandenen reaktiven Komponenten (die nicht vollständig sind) nicht verwenden.

Das Problem, auf das ich stoße, ist, dass ich das Google Map-Objekt nicht laden kann. Babel zeigt mir immer einen Übersetzungsfehler wie diese:

error 'google' is not defined 

Ereignis, wenn ich das google map Skript in meinem Index laden:

<script src="https://maps.googleapis.com/maps/api/js?key=MY_KEY&libraries=places&callback=initAutocomplete" ></script> 

Ich verstehe, dass babel die Google Map Bibliothek nicht geladen bei kompilieren Zeit, aber versuchen einige Code-Zeilen wie diese zu kompilieren:

var map = new google.maps.Map(document.getElementById('map')... 

gibt es jemanden, der weiß, wie man diesen Fall behandeln?

Danke

Answer 1

die api npm Modul Google Maps installieren und in Ihre relevent-Dateien importieren. https://www.npmjs.com/package/google-maps