角谷歌地图中的标记与标记指令答案

【问题标题】：markers vs. marker directive in angular-google-maps角谷歌地图中的标记与标记指令
【发布时间】：2014-05-29 14:10:59
【问题描述】：

我有一个非常非常简单的实现，使用指令在地图上放置大量标记。这是我的 HTML：

<google-map center="map.center" zoom="map.zoom" draggable="true">
<markers models="allRacers" coords="'self'"></markers>[1]
<marker ng-repeat="r in allRacers" coords="r"></marker>[2]
</google-map>

还有我的 JS 的相关位：

$scope.allRacers = [{
  latitude: 51.51325,
  longitude: -0.174205
}];

如果我包含标记为 [2] 的 HTML 行，则会出现标记，但如果我包含标记为 [1] 的行，则不会出现。据我所知，它们应该具有完全相同的功能，这是一个非常简单的示例 - 这是一个错误还是我脑死了？

我正在使用 Bower 构建的 angular-google-maps。

非常感谢。

【问题讨论】：

标签： javascript angularjs google-maps angular-google-maps

【解决方案1】：

问题原来是该指令还要求定义一个 idKey 属性，例如：

<markers models="allRacers" coords="'self'" idKey="'id'"></markers>

【讨论】：