实施偏移后,单张折线在某些缩放级别显示错误

时间:2018-08-22 08:28:39

标签: javascript leaflet polyline

我目前正在处理以下地图。它包含不同的折线(如果其路线已在地图中显示),这些折线会获得偏移(通过Leaflet Polyline Offset插件)。如您所见,在更高的缩放级别下一切正常。问题是,当选择较低的缩放级别时,Leaflet会以某种方式错误地显示具有偏移的行。然后,该线在某些点上会出现一些丑陋的铃声。如果我选择一个较低的偏移量,则这些行将正确显示,但看起来却不是我想要的。这是常见问题还是有人知道如何解决?

Zoom level 13

Zoom level 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);
    }

最诚挚的问候

0 个答案:

没有答案