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

The*_*uck 6 label google-maps-markers angularjs

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

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

        <ui-gmap-markers models="randomMarkers" coords="'self'" icon="'icon'"
        options="{labelClass:'marker_labels',labelAnchor:'12 60',labelContent:'title'}"
        >
        </ui-gmap-markers>
Run Code Online (Sandbox Code Playgroud)

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

你会看到它显示标签,但它们都显示为字符串"title",而我的目的是显示实际的标题,这显然是每个标记唯一的,并且是标记模型的属性.

知道如何使这项工作?

小智 12

ui-gmap-markers指令的options属性也可以是标记dependend选项部分的名称(请参阅"标记"部分).

所以就把你的选择

{labelClass:'marker_labels',labelAnchor:'12 60',labelContent:'title'}
Run Code Online (Sandbox Code Playgroud)

在某个键下的标记模型中(当然,用动态的东西交换labelContent)并在ui-gmap-markers指令的options属性中提供该键的名称.

在此处查看您的修改过的plunkr .