Как добавить многоугольник вокруг листовки с ломаной линией

Question

Привет, ребята, я новичок в листовках и turfjs и мне нужно немного помочь.

Я создал ломаную линию, которая работает, но мне нужен полигон / буфер, следующий за ломаной, и пользователи могут изменять ширину полигона / буфера в нм с помощью ползунка или текстового поля.

Если кто-нибудь знает, это было бы очень полезно

Answer 1

Вы можете использовать этот плагин слайдера.

https://codepen.io/anon/pen/RypEOM

var polygon = turf.polygon([[[-81, 41], [-88, 36], [-84, 31], [-80, 33], [-77, 39], [-81, 41]]]);   
turfLayer.addData(polygon);

L.control.slider(function(value) {
    if (turfLayer.getLayers().length > 1) {
        turfLayer.removeLayer(turfLayer.getLayers()[1]);
    }
    var buffered = turf.buffer(polygon, value, {units: 'kilometers'});
    turfLayer.addData(buffered);

}, {
    max: 100,
        value: 0,
    step: 10,
    size: '250px',
        orientation:'vertical',
    id: 'slider'
}).addTo(map);