Angularjs “角度谷歌地图”；标记“；指令不起作用

建立一个在同一页面上有两个不同谷歌地图的网站。地图可以很好地载入。我正在尝试将标记添加到地图，并不断收到此错误。“MarkersParentModel:没有有效的模型属性”

我的控制器是：

angular.module('footStoreApp')
  .controller('ContactpageCtrl', function ($scope, uiGmapGoogleMapApi) {
   uiGmapGoogleMapApi.then(function(maps) {

   });
   $scope.map = { center: { latitude: 32.830593, longitude: -79.825432 }, zoom: 14 };
   $scope.marker = {
    id: 1,
    coords: {
     latitude: 32.830593,
     longitude: -79.825432
    },
   };

   $scope.map2 = { center: { latitude: 32.863488, longitude: -80.023833 }, zoom: 14 };
   $scope.marker2 = {
    id: 2,
    coords: {
     latitude: 32.863488,
     longitude: -80.023833
    }
   }
  });

这些指示是：

<div>
     <ui-gmap-google-map center='map.center' zoom='map.zoom'><ui-gmap-markers idkey='marker.id' coords='marker.coords'>
     </ui-gmap-markers></ui-gmap-google-map>
    </div>



<ui-gmap-google-map center='map2.center' zoom='map2.zoom'><ui-gmap-markers idkey='marker2.id' coords='marker2.coords'>
    </ui-gmap-markers></ui-gmap-google-map>

---

您使用了

ui-gmap标记

指令，而不是

ui-gmap标记

请参阅文档（）。有两个指令（marker和markers）

更正代码：

var myApp=angular.module（'myApp'，['uiGmapgoogle-maps']）；
myApp.controller（'MyCtrl1'，函数（$scope，uiGmapGoogleMapApi）{
uiGmapGoogleMapApi.then（函数（映射）{
$scope.map={
中心：{
纬度：32.830593，
经度：-79.825432
},
缩放：14
};
$scope.marker={
id:1，
协调：{
纬度：32.830593，
经度：-79.825432
}
};
$scope.map2={
中心：{
纬度：32.863488，
经度：-80.023833
},
缩放：14
};
$scope.marker2={
id:2，
协调：{
纬度：32.863488，
经度：-80.023833
}
}
});
})

.google地图容器{
高度：400px；
}