Я пытаюсь загрузить две модели данных с Угловыми Google Maps на одной карте. Я могу загрузить одну модель данных для отображения, но не могу показать второй набор координат из другой службы. Любая помощь приветствуется. Ниже мой код.Угловые карты Google - отображать координаты из двух моделей данных
<ui-gmap-google-map
center="map.center"
zoom="map.zoom">
<style>
.angular-google-map-container { height: 500px; weight:100%; }
</style>
<ui-gmap-markers
models="markers"
coords="'coords'"
options="'options'"
events="'events'"
idkey="'_id'">
<ui-gmap-windows show="show">
<div ng-non-bindable>
<div id="window">
<h4>{{name}}</h4>
<h5>{{latitude}}</h5>
<h5>{{longitude}}</h5>
</div>
</ui-gmap-windows>
</ui-gmap-marker>
<!--second set of markers-->
<ui-gmap-markers
models="trips"
coords="'coords'"
options="'options'"
events="'events'"
idkey="'_id'">
</ui-gmap-marker>
Карта Контроллер:
.controller('MapCtrl', function($state, $scope, LocFac, TripFac) {
setlat = 14.522;
setlong = 121.0552;
//map display options
$scope.map = {
center: { latitude: setlat, longitude: setlong },
zoom: 4
};
//markers
$scope.markers = [];
LocFac.getLocations().then(function(data) {
var markers = data.data;
angular.forEach(markers, function(marker) {
marker.coords = {
latitude: marker.latitude,
longitude: marker.longitude
}
});
$scope.markers = markers;
});
//trips
$scope.trips = [];
TripFac.allTrips().then(function(data) {
var trips = data.data;
angular.forEach(trips, function(marker) {
marker.coords = {
latitude: marker.currentlatitude,
longitude: marker.currentlongitude
}
console.log(marker.coords.latitude);
});
$scope.trips = trips;
});
})
Спасибо за помощь. Работает. :). –