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 .