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

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

我得到了一个非常非常简单的实现,使用指令在 map 上放置大量标记。这是我的 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] 的行则不会出现。据我所知,它们应该具有完全相同的功能,这是一个非常简单的示例 - 这是错误还是我脑残了?

我正在使用 angular-google-maps 的 Bower 版本。

非常感谢。

最佳答案

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

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

关于javascript - angular-google-maps 中的标记与标记指令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23935426/

相关文章:

android - Google Maps v2 Android 自定义瓦片 wms

java - 如何在android中使用后台服务获取经纬度?

javascript - 为什么我的 javascript 时钟不工作?

javascript - 将文本限制并输入到angular.js中的特定语言字符

javascript - Angular(ui 树)ng-repeat : infinite loop

javascript - Controller 的 minifed 版本出错 - angularjs?

javascript - 中止 POST XHR 可靠吗?

javascript - Phonegap,Cordova - 插件问题

javascript - 每个方法中的 if-else (jQuery)

c# - 实时更新 map - 计时器类 - c#