将传单 AwesomeMarkers 的 markerColor 设置为 'none / transparent'

set markerColor of leaflet AwesomeMarkers to 'none / transparent'

我想使用传单 AwesomeMarkers (https://github.com/lvoogdt/Leaflet.awesome-markers)。但是,不可能不设置标记颜色。这意味着,我只想在地图上显示图标,并使用透明的 markerColor。

有人知道怎么做吗?

这里是 fiddle 省略了颜色:

http://jsfiddle.net/VPzu4/861/

我已将 markerColor 设置为 transparent,这导致标记获得 class awesome-marker-icon-transparent,然后我为该 class 定义了自己的样式这只是删除了图标的背景。

请注意,如果 Leaflet.awesome-markers 决定以不同的方式使用 transparent 关键字,这可能会破坏某些内容。

更新:

要消除阴影,您可以通过 css 隐藏整个 leaflet-shadow-pane,但这会隐藏所有阴影。

要设置标记的大小,您可以尝试对 awesome-marker-icon-transparent 应用更多 css 规则,或者您可以传入用于添加的 extraClasses 属性 classes 到图标元素。

也有可能 GitHub 中的 160 个分叉之一已经做了你想要的。