Как преобразовать полилинию с весом в полигон в листе?

Question

Мне нужно разрешить пользователю нарисовать маршрут (с использованием полилинии) с указанным радиусом дороги (визуально это было сделано с параметром «вес»).

Визуально это выглядит так:

Так мне интересно, как можно построить многоугольник вокруг этой ломаной линии с некоторым смещением? Как это:

Answer 1

Наконец-то я сделал это с библиотекой JSTS (https://www.npmjs.com/package/jsts).

Это легко:

//pathCoords should be an array of jsts.geom.Coordinate 
var pathCoords = []; 
var geometryFactory = new jsts.geom.GeometryFactory(); 

// on what distance new polygon should be built 
var distance = (meters * 0.0001)/111.12; 
var shell = geometryFactory.createLineString(pathCoords); 

// building a new polygon 
var polygon = shell.buffer(distance); 

// finally get your new polygon coordinates 
var polygonCoords = polygon.getCoordinates(); 

Answer 2

Как вы сказали, вы можете использовать метод getLatLngs из L.Polyline доступа к координатам и использовать их для инициализации L.Polygon. Если вам необходимо получить доступ вес, который был установлен на ломаной линии вы можете сделать это, используя его параметры объекта:

var polyline = new L.Polyline([[25, -25], [25, 25], [-25, 25], [-25, -25]], { 
    weight: 10, 
}).addTo(map); 

var polygon = new L.Polygon(polyline.getLatLngs(), { 
    weight: polyline.options.weight 
}).addTo(map); 

Вы можете даже использовать весь параметры объекта, если у вас есть больше вещей, которые вы должны будете дублировать:

var polygon = new L.Polygon(polyline.getLatLngs(), polyline.options).addTo(map); 

с L.Polygon протягивается от L.Polyline, что не будет проблемой, так как она имеет те же параметры.