使用角度谷歌地图指令显示标记标签答案

【问题标题】：showing marker labels using angular google maps directive使用角度谷歌地图指令显示标记标签
【发布时间】：2015-06-17 20:29:14
【问题描述】：

我正在尝试了解如何使用 angular UI google maps 指令使标记指令显示标签。

如果您查看this plunkr，它几乎与 angular ui google maps 示例相同，除了以下更改：

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

（选项部分是我唯一的补充）

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

知道如何进行这项工作吗？

【问题讨论】：

标签： angularjs label google-maps-markers

【解决方案1】：

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

所以只要把你的选择放在一边

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

在某个键下进入您的标记模型（当然通过动态的东西交换 labelContent），并在 ui-gmap-markers 指令的选项属性中提供此键的名称。

请查看您修改后的 plunkr here。

【讨论】：

太棒了！谢谢！