angular-google-maps中的标记与marker指令

时间:2014-05-29 14:10:59

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

我已经得到了一个非常非常简单的实现,使用该指令在地图上放置大量标记。这是我的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。

非常感谢。

1 个答案:

答案 0 :(得分:3)

问题证明该指令还要求定义一个idKey属性,例如:

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