【问题标题】:Add css style to gmap markers将 css 样式添加到 gmap 标记
【发布时间】:2016-12-06 10:59:09
【问题描述】:

如何将css style 添加到 ui-gmap 标记?(angular.js)
例如这段代码:

<ui-gmap-markers doCluster="true" click="'onClicked'" models="vm.map.markers" coords="'coords'" icon="'icon'" idkey="'id'" events="vm.mapEvents" options="'options'" clusterOptions="vm.cluseroptions">
    <ui-gmap-windows show="'showWindow'" closeClick="'closeClick'" ng-cloak>
       <div data-ui-sref="display">
            <span data-ng-non-bindable>Test</span>
       </div>
     </ui-gmap-windows>
</ui-gmap-markers>

【问题讨论】:

  • 我知道你可以改变标记图像试试看:P
  • 不改变标记。我想为marker.not 预定义的谷歌标记动画添加一些服装动画@vignesh
  • 见下面我的回答。它包括 labelClass 属性

标签: css angularjs google-maps google-maps-markers


【解决方案1】:

this

编辑

显然,我检查了我以前的项目以及我如何使用它:

<ui-gmap-markers control="vm.markerControl" models="vm.markers" coords="'position'"
    options="'options'" typeEvents="vm.markerEvents" type="'spider'" typeOptions="{keepSpiderfied:true}" modelsbyref="false"> </ui-gmap-markers>

vm.markers 是一个数组或标记,marker 有一个选项属性。选项然后具有图标属性:

marker = {
  option: {
    icon : "icon.png",
    labelClass : "some-class"
  }
}

编辑添加标签类

【讨论】:

  • 不需要更改标记。我想添加css动画之类的样式。 @doge1ord
  • 你能帮我添加这个css动画吗?Animated.css@doge1ord
  • 我无法添加多个动画css类@doge1ord
  • 我不确定您要做什么,但您可以在运行时更改 labelClass
  • 我想在marker中添加两个类,以便为marker添加动画。例如在marker上发出警报。@doge1ord
猜你喜欢
  • 2014-02-09
  • 1970-01-01
  • 1970-01-01
  • 2012-07-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多