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

发布时间：2020-12-17 09:03:33 所属栏目：安全来源：网络整理

导读：我试图了解如何使用角度UI谷歌地图指令使标记指令显示标签. 如果你看this plunkr几乎与角度ui谷歌地图示例相同,除了以下更改： ui-gmap-markers models="randomMarkers" coords="'self'" icon="'icon'" options="{labelClass:'marker_labels',labelAnchor:'1

我试图了解如何使用角度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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!