Gibt es eine Möglichkeit, das Google Maps API zu importieren, um ohne ein Skript-Tag zu reagieren?

Question

Ich versuche das Google Maps API in mein ReactJS und Cordova Projekt zu integrieren, nur damit ich die Orte automatisch vervollständigen kann. Ich muss nicht die ganze Karte anzeigen. Derzeit verwende ich ein Skript-Tag, um das Google Maps-API in mein Projekt zu übernehmen. Ich möchte dies jedoch vermeiden, es installieren und es wie alle meine anderen React-Bibliotheken importieren. Gibt es eine Möglichkeit, dies zu tun?

Answer 1

Sie können es über Javascript laden;

jQuery-Modul -

(function (global) { 
    "use strict"; 

    function onDeviceReady() { 
     document.addEventListener("online", onOnline, false); 
     document.addEventListener("resume", onResume, false); 
     loadMapsApi(); 
    } 

    function onOnline() { 
     loadMapsApi(); 
    } 

    function onResume() { 
     loadMapsApi(); 
    } 

    function loadMapsApi() { 
     if(navigator.connection.type === Connection.NONE || google.maps) { 
      return; 
     } 
     $.getScript('https://maps.googleapis.com/maps/api/js?key=API_KEY&sensor=true&callback=onMapsApiLoaded'); 
    } 

    global.onMapsApiLoaded = function() { 
     // Maps API loaded and ready to be used. 
     var map = new google.maps.Map(document.getElementById("map"), {}); 
    }; 

    document.addEventListener("deviceready", onDeviceReady, false); 

})(window); 

loadMapsApi() Funktion -

function loadMapsApi() { 
    if (navigator.connection.type === Connection.NONE || (global.google !== undefined && global.google.maps)) { 
     return; 
    } 
    // load maps api 
} 

Diese Möglichkeiten am besten, wie es ist offline verarbeitet.

You can read up on it more here.

Answer 2

gibt es immer eine lib vier :) this ist das erste Ergebnis von Google. Genießen Sie :)