如何不在地图上显示Leaflet PolyLine Decorator（使用标记）而是显示图层

Question

我正在申请使用传单api Live Here

用户必须输入＆＃34; 1＆＃34;在警报输入字段中使用该应用程序。

简介

应用程序有一些控件可以在图像上绘制不同的形状。 我将讨论一个控件，它假设画线。

实际的线（折线）使用传单折线装饰库用一些css装饰线，我在这里使用标记在折线上显示。

我正在使用不同的featureGroups使用多个图像。

问题

线条装饰器效果很好，但它显示了一种奇怪的行为，因为它还在地图或地图容器上绘制了多边形装饰器标记。

问题实际上是当我在图像上绘制时，除了这些折线装饰器标记外，一切都按预期工作。

脚本

    var polylinefence4 = new L.Polyline([], { color: 'red' });
    L.easyButton('<img src="/assets/img/fence4.png">', function () {
    }).addTo(map);
    function fencePlace4(e) {
    // Add coordinate to the polyline
     new L.Marker(e.latlng, { icon: fence4Icon, draggable: false }).addTo(currentFeatureGroup);
                        polylinefence4.addLatLng(e.latlng).addTo(currentFeatureGroup);
var decorator = L.polylineDecorator(polylinefence4, {
patterns: [{ offset: 0, repeat: '10px', symbol: new L.Symbol.marker() }]}).addTo(currentFeatureGroup);
                    }

我不知道为什么会这样，我不能完全理解折线装饰器这里有点混乱。 如果有人知道这个问题，请帮忙。提前致谢