Слой Leaflet FeatureGroup не отображается с плагином leaflet.draw - PullRequest
Новая
       18

Слой Leaflet FeatureGroup не отображается с плагином leaflet.draw

0 голосов
/ 23 ноября 2018

Я реализую карту с помощью Leaflet, и я загрузил несколько слоев карт и листов без проблем.Мне нужно нарисовать некоторые пути, и я начал использовать плагин leaflet.draw, но я не вижу пути.Я знаю, что они есть, потому что, нажимая кнопку редактирования, я могу редактировать ее, потому что отображаются прямоугольники вершины, а пути нет.

Кроме того, когда я рисую линию или многоугольник, линии создаются листовкой.ничья всегда пунктирная.

Я использую Webpack, Leaflet v1.3.4 и leaflet.draw v1.0.4.

Это код: 

let drawnItems = new L.FeatureGroup();
drawnItems.addTo(map);

let drawControl = new L.Control.Draw({
    draw: {
        circlemarker: false,
        rectangle: false,
        circle: false,
        marker: true,
        polyline: {
            shapeOptions: {
                color: '#f357a1',
                weight: 10,
            },
            showLength: true,
        },
        polygon: {
            allowIntersection: false,
            drawError: {
                color: '#e1e100',
                message: '<strong>Oh snap!<strong> you can\'t draw that!'
           },
            shapeOptions: {
                color: '#bada55'
            },
        },
    },
    edit: {
        featureGroup: drawnItems,
        remove: true
    }
});

map.on("draw:created", (e) => {
   drawnItems.addLayer(e.layer);
}

Я могусм. элемент g SVG, отображаемый в map HTML: 

<path class="leaflet-interactive" stroke="#97009c" stroke-opacity="0.5" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="#97009c" fill-opacity="0.2" fill-rule="evenodd" d="M477 112L859 258L556 256L350 141z"></path>

Я протестировал пример на JSFiddle с одинаковыми версиями обеих библиотек и работает правильно.Я тестировал тот же код без загрузки тайла и базовых карт Carto, но ни один из них не работает.Может быть проблема с синтаксисом ES6, который не совместим с Leaflet?

...