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

Question

我正在尝试了解如何使用角度UI谷歌地图指令使标记指令显示标签。

如果你看看这个 plunkr，它几乎与角度 ui 谷歌地图示例相同，除了以下更改：

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

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

您将看到它显示标签，但它们都显示为字符串"title"，而我的目的是显示实际标题，该标题显然是每个标记唯一的，并且是标记模型的属性。

知道如何使这项工作吗？

Answer 1

ui-gmap-marker 指令的 options 属性也可以是标记依赖选项部分的名称（请参阅"标记"部分）。

所以只要把你的选择

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

到某个键下的标记模型中（当然是通过动态的东西交换标签内容），并在 ui-gmap-marks 指令的选项属性中提供此键的名称。

请在此处查看您修改后的 plunkr。