Ich versuche, eine Karte mit Google Maps mit Ionic zu implementieren. Ich folgte der Codierung in diesem Link Aber alles, was ich bekomme, ist ein leerer Bildschirm, weiß nicht, wo ich falsch gelaufen bin. Bitte helfen Sie
Dies ist der Controller
%Vor%Dies ist die HTML-Datei
%Vor%bitte helfen.
Ich habe ein paar Dinge geändert, damit dies funktioniert:
Sie brauchen keinen API-Schlüssel für Google Maps mehr, das reicht für das Skript src (siehe Was ist der Google Maps-API-Schlüssel ):
%Vor%Ersetzen Sie "function initialize ()" durch "$ scope.init ()" und kommentieren Sie die Zeile aus, wo sie steht:
%Vor%Fügen Sie auch ng-init="init ()" zu Ihrem HTML wie folgt hinzu:
%Vor%Ich weiß nicht, warum es nicht mit dem domListener funktioniert, aber die Daten müssen vor der Anzeige initialisiert werden (siehe Google MAP API Uncaught TypeError: Kann Eigenschaft 'offsetWidth' von null nicht lesen." Mit ng-init können Sie dies erreichen.
Der finale Controller sollte so aussehen:
%Vor%Hoffe das hat geholfen!
Wenn Sie die neueste Version von Ionic verwenden, werden Sie wahrscheinlich bei der Bereitstellung für Android einen leeren Bildschirm sehen, aber Sie werden die Karte sehen, wenn Sie die Lösung in einem Webbrowser ausführen. Um das Problem zu lösen, musst du ein Whitelist-Plugin hinzufügen: run: ionisches Plugin add cordova-plugin-whitelist .
Sie können das Plugin angularjs-google-maps (ngmap) für angularjs verwenden. Es funktioniert für Ionen. Es gibt Ihnen die Möglichkeit, Google Map v3 zu verwenden.
Ich habe das gelöst, indem ich ein in:
gesetzt habe %Vor%und dann müssen Sie tun:
%Vor%Referenz von: Implementieren von Google Maps mit Ionic Framework
>Tags und Links cordova google-maps