angularjs - 使用 Angular Google Maps指令显示标记标签

我想了解如何使用angular UI google maps指令使markers指令显示标签。

如果您查看this plunkr，它与ui Angular 的google map 示例几乎相同，但以下更改除外:

        <ui-gmap-markers models="randomMarkers" coords="'self'" icon="'icon'"
        options="{labelClass:'marker_labels',labelAnchor:'12 60',labelContent:'title'}"
        >
        </ui-gmap-markers>

(选项部分是我唯一的补充)

您会看到它正在显示标签，但是它们都显示为字符串“title”，而我的意图是显示实际的标题，该标题显然对每个标记都是唯一的，并且是标记模型的一个属性。

任何想法如何使这项工作？

最佳答案

ui-gmap-markers指令的options属性也可以是标记依赖选项部分(see section "markers")的名称。

所以就把你的选择

{labelClass:'marker_labels',labelAnchor:'12 60',labelContent:'title'}

在某些键下(当然，通过动态的方式交换labelContent)添加到标记模型中，并在ui-gmap-markers指令的options属性中提供此键的名称。

请参阅修改后的plunkr here。