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

Question

大家好，我是 leaflet 和 turfjs 的新手，需要一些帮助。

我制作了一条可以工作的折线，但我想要的是跟随折线的 polygon/buffer，用户可以通过滑块或文本字段更改 nm 中 polygon/buffer 的宽度。

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

Answer 1

您可以使用 this 滑块插件。

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

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

How to add a polygon around a polyline leaflet

json

leaflet

polyline

turfjs