Die Antwort ist hier
Bitte denken Sie daran, dass ngMap die Google Maps V3-API nicht ersetzt.
Lassen Sie es mich wissen, wenn Sie weitere Fragen haben.
Das Folgende ist der Codeblock des Controllers.
%Vor%Ich möchte ngMap verwenden, um Google Maps zu meiner App hinzuzufügen.
Die Demos sind "statisch" in dem Sinne, dass sie nur hartcodiertes HTML haben. Ich möchte, dass mein Code "dynamisch" ist in dem Sinne, dass er regelmäßig einen Server bittet, in seine Datenbank zu schauen und mir eine Menge an Koordinaten zurückzugeben, die sich mit der Zeit ändern. Ich hoffe, dass das klar ist; Wenn nicht, bitte fragen Sie nach weiteren Einzelheiten.
Ich habe die ngmap-Marker-Demo geändert, um ein zufälliges Lat / Long zu generieren koordiniert alle zwei Sekunden (anstatt zu meinem Server zu gehen, wie meine letzte App). Bitte sehen Sie das Plunk .
Es gibt keine Fehler in der Konsole, und es scheint, dass ngMap versucht, meine Markierungen hinzuzufügen, da ich eine Menge solcher Dinge in der Konsole sehe ...
%Vor%wo K und A die Lat / Long sind, wie ich sie erwarte.
ABER ... Ich sehe keine Markierungen auf der Karte. Was mache ich falsch?
[Update] Eine ausgezeichnete Antwort, für die ich nachher gerne ein Kopfgeld vergeben habe. Für jeden, der dies liest und ngMap als @allenhwkim benutzen möchte, sagte er in einer anderen stackoverflow Frage und ich denke, in seinem Blog erstellt ngMap einfach die Karte für dich & amp; Danach manipulierst du es mit der Standard Google Maps API.
Zum Beispiel, kurz vor dem Schleifen, um die Marker hinzuzufügen, deklarierte ich var bounds = new google.maps.LatLngBounds(); und in der Schleife, nach dem Hinzufügen des Markers zur Karte, I bounds.extend(latlng); und schließlich nach der Schleife, I
Ich gab die Antwort ab und erstellte ein neues Plunk , um dies zu zeigen. Nicht die nützlichste Funktionalität der Welt, aber der Punkt ist nur zu zeigen, wie man $scope.map mit der Google Maps API verwendet. Nochmals vielen Dank, Allen, für ngMap.
Warum nicht etwas wie
tun? %Vor%Wenn du nach ng-Frage fragst, würde das funktionieren. Und Sie würden die Ziele mit einem einfachen http-Aufruf an Ihr Back-End füllen:
%Vor%Ich möchte ngMap verwenden, um Google Maps zu meiner App hinzuzufügen.
Die Demos sind "statisch" in dem Sinne, dass sie nur hartcodiertes HTML haben. Ich möchte, dass mein Code "dynamisch" ist in dem Sinne, dass er regelmäßig einen Server bittet, in seine Datenbank zu schauen und mir eine Menge an Koordinaten zurückzugeben, die sich mit der Zeit ändern. Ich hoffe, dass das klar ist; Wenn nicht, bitte fragen Sie nach weiteren Einzelheiten.
Ich habe die ngmap-Marker-Demo geändert, um ein zufälliges Lat / Long zu generieren koordiniert alle zwei Sekunden (anstatt zu meinem Server zu gehen, wie meine letzte App). Bitte sehen Sie das Plunk .
Es gibt keine Fehler in der Konsole, und es scheint, dass ngMap versucht, meine Markierungen hinzuzufügen, da ich eine Menge solcher Dinge in der Konsole sehe ...
%Vor%wo K und A die Lat / Long sind, wie ich sie erwarte.
ABER ... Ich sehe keine Markierungen auf der Karte. Was mache ich falsch?
[Update] Eine ausgezeichnete Antwort, für die ich nachher gerne ein Kopfgeld vergeben habe. Für jeden, der dies liest und ngMap als @allenhwkim benutzen möchte, sagte er in einer anderen stackoverflow Frage und ich denke, in seinem Blog erstellt ngMap einfach die Karte für dich & amp; Danach manipulierst du es mit der Standard Google Maps API.
Zum Beispiel, kurz vor dem Schleifen, um die Marker hinzuzufügen, deklarierte ich %code% und in der Schleife, nach dem Hinzufügen des Markers zur Karte, I %code% und schließlich nach der Schleife, I
%Vor%Ich gab die Antwort ab und erstellte ein neues Plunk , um dies zu zeigen. Nicht die nützlichste Funktionalität der Welt, aber der Punkt ist nur zu zeigen, wie man %code% mit der Google Maps API verwendet. Nochmals vielen Dank, Allen, für ngMap.
Die Antwort ist hier
Bitte denken Sie daran, dass ngMap die Google Maps V3-API nicht ersetzt.
Lassen Sie es mich wissen, wenn Sie weitere Fragen haben.
Das Folgende ist der Codeblock des Controllers.
%Vor%Tags und Links angularjs angularjs-ng-repeat ng-map angularjs-google-maps