Versuche, eine App mit eckigen-google-maps zu erhalten:
- Mehrere Marker über die markers Direktive
- Ein einzelnes Infowindow über die window -Direktive
Ich habe die API und mehrere geschlossene Probleme / Fragen auf der git-hub-Seite durchgemacht, aber ich kann es einfach nicht funktionieren ...: - /
Der Einfachheit halber deklariere ich die Markierungen manuell (und sie werden korrekt angezeigt):
%Vor%Das HTML sieht so aus:
%Vor% Ich verwende die Funktion onClick auf das Array markers mit diesem Code
Die marker click Funktionen sehen aus wie
Die Funktion $scope.onClick() scheint auf marker click zu funktionieren, da die Konsole das ausgibt, was erwartet wird - und der $scope.windowOptions.show -Wert schaltet zwischen true und false ...
Ich denke, es ist die Art, wie ich die window html mit den Controller-Arrays und -Funktionen verbunden habe? Jede Hilfe wird geschätzt.
PS Die API-Dokumentation Beispiele scheint aus des Datums, da sie im Beispiel nicht show , sondern options.visible verwenden, um Infofenster ein- und auszublenden - aber dann alle Probleme / Beispiele schlagen stattdessen show vor?
Ich weiß, das ist ein alter Post.
In diesen Tagen habe ich mich jedoch bemüht, dies zu tun, und darüber hinaus ist das Puzzle der akzeptierten Antwort kaputt und funktioniert nicht mit den neuesten Versionen von angular-google-maps directive. Also, ich habe beschlossen, einen arbeitenden Plunker zu teilen, in der Hoffnung, dass er anderen Menschen helfen kann.
Diese Version rendert mehrere Marker, aber nur ein Fenster. Es kann immer nur ein Fenster gleichzeitig geöffnet werden.
Es basiert auf den Empfehlungen der offiziellen Website FAQ : Siehe < em> Wie öffne ich immer nur ein Fenster?
html
%Vor%js
%Vor%Ich hoffe, es hilft.
Ich weiß, dass es sich um einen alten Post handelt, aber ich hatte Probleme mit Angular Google Map und löse das Problem, wenn Sie ein Fenster für Marker öffnen. Wenn du ng-repeat und window für jeden benutzt - keine Probleme. Aber wenn Sie eine Marker-Direktive haben und nur ein Fenster anzeigen wollen, dann haben Sie ein Problem - die Fenster liegen nicht über dem Marker und Sie müssen die Position ein wenig ändern. Wie es geht? Lassen Sie mich dazu meine Erfahrung mitteilen.
Sie müssen nur pixelOffset für solche Fensteroptionen angeben:
JS:
%Vor%HTML:
%Vor%Das ist es. Ändern Sie Höhe für Ihre Bedürfnisse.
Sie können das Markierungsmodell auf dem Oszilloskop besser einstellen, wenn Sie auf Folgendes klicken:
marker Klicken Sie auf Rückruf:
%Vor%Verwenden Sie dann den ausgewählten Marker in der Direktive:
%Vor%einfach. Angenommen, Ihr Markermodell hat den Längen- und Breitengrad der Ursache
Tags und Links angularjs angular-google-maps infowindow marker