json - 如何在折线传单周围添加多边形

Question

大家好，我对传单和草皮很陌生，需要一点帮助。

我已经制作了一条可以工作的折线，但我想要的是一个跟随折线的多边形/缓冲区，用户可以通过滑块或文本字段更改以 nm 为单位的多边形/缓冲区的宽度。

如果有人知道这将是一个很大的帮助

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);