将传单 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 个分叉之一已经做了你想要的。
我想使用传单 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 个分叉之一已经做了你想要的。