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

前端之家收集整理的这篇文章主要介绍了angularjs – 使用角度谷地图指令显示标记标签前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图了解如何使用角度UI谷歌地图指令使标记指令显示标签.

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

<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属性也可以是标记dependend选项部分的名称( see section “markers”).

所以就把你的选择

{labelClass:'marker_labels',labelContent:'title'}

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

请参阅您的修改过的plunkr here.

猜你在找的Angularjs相关文章