Đây là một ví dụ về cách hoạt động của các điểm đánh dấu trên bản đồ. Một vài gợi ý:
- Khi hiển thị nhiều điểm đánh dấu, hãy sử dụng
ui-gmap-markers
chỉ thị thay vìng-repeat
nhập lệnh đánh dấu duy nhất. - Tương tự, sử dụng phiên bản số nhiều
ui-gmap-windows
để hiển thị các cửa sổ. - Chỉ thị điểm đánh dấu đọc tọa độ từ khóa đối tượng mà bạn cung cấp cho nó:
<ui-gmap-markers coords="'coords'" ... >
đọc tọa độ từcoords
thuộc tính của điểm đánh dấu của bạn. Tương tự với các thuộc tính khác, nhưevents
,options
vv -
Tôi giả sử
LocFac.getLocations()
của bạn trả về một lời hứa - do đóMarkers
của bạn rất có thể biến không được chỉ định chính xác. Bạn nên chỉ định$scope.markers
bên trong.then
gọi lại lệnh gọi API của bạn như sau:$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; }
Nếu bạn vẫn cần trợ giúp sau việc này, tôi sẽ sẵn lòng cung cấp một số :)