javascript - OpenLayers多线绘制线条消失

Question

通常，代码通过计算每次 map 移动中出现的线串来绘制。但在某种收敛中所画的线消失了。示例代码中，绿色的线是主线，它并没有消失，但是当你放大时，它外面的线会消失。你可以尝试靠近代码上的线。

代码示例如下:JSFiddle

       var lineString = new ol.style.LineStrings({
            valLine:7,
            valDistance:150, 
            color: 'green',
            width: 4,
            widthLines:4,
            colorArray: ['blue', 'red', 'white', 'black', 'orange', 'blue', 'red', 'white', 'black', 'orange'],
            }

这可能是什么原因以及如何解决？

Answer 1

您正在将中心线(真实特征)设计为七条线(不是真实特征，只是用于造型的几何图形)。如果真实要素不在 map 视口(viewport)加上图层 renderBuffer 覆盖的区域中，则不会对其进行样式设置(尽管平移时它可能仍然可见，因为除非分辨率更改，否则样式函数不会重新运行)。为了避免外围样式线在高缩放级别消失，您需要将图层上的 renderBuffer 设置为一个非常大的数字，例如

            var vectorLayer = new ol.layer.Vector({
                source: vectorSource,
                renderBuffer: 1e10,
                style:lineString
            });