如何将自定义颜色设置为传单ExtraMarkers

Question

我正在使用传单ExtraMarkers，我想设置自定义颜色。应该可以通过svg。

这是我对标记图标的定义：

            var coloredMarker = L.ExtraMarkers.icon({
                svg: true,
                markerColor: "#66ff33",
            });

和标记：

var marker= new L.marker([latitude,longitude], {icon: coloredMarker}).addTo(map);

但结果是标记的颜色是默认的 - 红色

你能帮忙吗？

Answer 1

您可以看到here唯一的markerColor有效值是： 'red', 'orange-dark', 'orange', 'yellow', 'blue-dark', 'cyan', 'purple', 'violet', 'pink', 'green-dark', 'green', 'green-light', 'black', or 'white'

这些可能的值是ExtraMarkers插件定义的css类。如果将markerColor设置为颜色值，则它与任何css类都不对应。

要设置自定义颜色，我想您可以尝试修改ExtraMarkers代码，但可能很难。标记都在一个图像中。该插件通过仅显示该图像的一部分来选择一个。