Zde je příklad jak funguje zobrazování značek na mapě. Pár tipů:
- Při zobrazení více značek použijte
ui-gmap-markers
namístong-repeat
v direktivě single marker. - Podobně použijte verzi v množném čísle
ui-gmap-windows
zobrazit okna. - Direktiva markers čte souřadnice z klíče objektu, který jí poskytnete:
<ui-gmap-markers coords="'coords'" ... >
přečte souřadnice zcoords
atribut vaší značky. Totéž platí pro další atributy, jako jsouevents
,options
atd. -
Předpokládám, že vaše
LocFac.getLocations()
vrátí příslib – tedy vašeMarkers
proměnná velmi pravděpodobně není správně přiřazena. Je lepší přiřadit$scope.markers
uvnitř.then
zpětné volání vašeho volání API takto:$scope.markers = []; // init markers to empty array so angular-google-maps has something to draw markers from LocFac.getLocations().then(function(data) { var markers = data.data; angular.forEach(markers, function(marker) { // Assign 'coords' attribute here for the directive to read marker.coords = { latitude: marker.latitude, longitude: marker.longitude } }) $scope.markers = markers; }
Pokud i poté budete potřebovat pomoc, rád vám nějakou poskytnu :)