如何使圆形的PolyLine具有圆形边缘

时间:2015-06-24 19:23:22

标签: leaflet

我在传单地图中绘制了一条折线。为了我的目的,我保持笔画宽度高。但是在这个大行程宽度的情况下,我看到折线在拐角处是圆形的。但我不想要圆边。下图显示了圆角。如何使边缘成矩形,使线条看起来像一个矩形。

enter image description here

以下是我用于生成折线的代码。

 var pointA = new L.LatLng(lat1, lon1);
    var pointB = new L.LatLng(lat2, lon2);
    var pointList = [pointA, pointB];
    var brokenroad = new L.Polyline(pointList {
    color: 'red',
    weight: 40,
    opacity: 0.5,
    smoothFactor: 1
    });
    map.addLayer(firstpolyline);

1 个答案:

答案 0 :(得分:1)

我找到了答案及其工作原理。我的更新代码是

 var pointA = new L.LatLng(lat1, lon1);
var pointB = new L.LatLng(lat2, lon2);
var pointList = [pointA, pointB];
var brokenroad = new L.Polyline(pointList {
color: 'red',
weight: 40,
opacity: 0.5,
lineCap: "square",
smoothFactor: 1
});
map.addLayer(firstpolyline);