时间戳

首页 > 解决方案 > 实施偏移后，传单折线在某些缩放级别中显示错误

javascript - 实施偏移后，传单折线在某些缩放级别中显示错误

问题描述

我目前正在制作以下地图。它包含不同的折线，如果它们的路线已经在地图中显示，则它们会获得偏移量（通过 Leaflet Polyline Offset 插件）。如您所见，在更高的缩放级别下一切正常。The problem is that Leaflet somehow displays the lines with an offset wrongly when a lower zoom level is chosen. 然后这条线在某些点会出现一些难看的环。如果我选择较低的偏移量，线条会正确显示，但它看起来不像我想要的那样。这是一个常见问题还是有人知道如何解决这个问题？

缩放级别 13

缩放级别 12

    function drawGeoJSONFeature(feature) {
        var featureGroup = L.featureGroup();
        var geometryArray = getAllGeometriesFromFeature(feature);

        for(var i = 0; i < geometryArray.length; i++) {
            if(!usedLineIDs.includes(geometryArray[i].lineID)) {
                usedLineIDs.push(geometryArray[i].lineID);
                var coords = turf.getCoords(geometryArray[i]);
                var swappedCoords = lnglatTolatlng(coords);
                var layer = L.polyline(swappedCoords, {color: feature.properties.lineColor, weight: 4}).addTo(featureGroup);
            } else {
                usedLineIDs.push(geometryArray[i].lineID);
                var coords = turf.getCoords(geometryArray[i]);
                var swappedCoords = lnglatTolatlng(coords);
                var layer = L.polyline(swappedCoords, {color: feature.properties.lineColor, weight: 4, offset: 4}).addTo(featureGroup);
            }
        }
        featureGroup.addTo(line);
    }

此致

标签： javascriptleafletpolyline

解决方案

推荐阅读