在 OpenLayers 中，让一层保持在另一层之上。 （Z轴）

Question

我有这张地图，上面显示了一些红色标记，每当从列表中选择一个位置时，当前标记就会涂成蓝色，并且地图以它为中心。

我通过使用两层来实现这一点 - 一层用于在开始时绘制的红色标记，另一层用于在从列表中选择一个点时重新绘制。

我想定义红色标记层将始终出现在蓝色标记层。有效隐藏“当前标记”指示。 （原因很复杂）

此链接是到一个页面这以我不想要的方式工作。蓝色层位于红色层之上。 我尝试通过为向量和 Layers.addFeature 函数定义 GraphicZIndex 属性来颠倒顺序。

我显然做错了什么，也许有人可以指出我错了什么。 我定义 z 轴的方式：

        currentPointLayer = new OpenLayers.Layer.Vector("Selected Point Layer", {
            style : {
                externalGraphic : 'marker-blue.png',
                graphicHeight : 15,
                graphicWidth : 15,
                graphicZIndex : 1
            },
            rendererOptions: { zIndexing: true }
        });

再次，我想将蓝色标记隐藏在红色标记层后面。

Answer 1

在您的 init_map() 函数中，您将在蓝色标记层之前添加红色标记层。尝试切换它们。

preparePointsOnMap(map, points); //red marker

if (!map.getCenter()) {
    map_set_center(lon, lat, mZoom); //blue marker
}

Answer 2

您可以按照 ilia Choly 的说明更改图层的顺序。

或者，如果您想使用 zIndexing，则必须将所有功能放入一个层，因为 zIndexing 仅在单个层内完成。

看看这个关于样式的简单示例，它也使用了 zIndexing。它在地图上随机创建一些点。如果缩小，两个圆圈很可能会重叠，如果将鼠标悬停在一个圆圈上，它将突出显示并放在顶部。

Answer 3

那么您想在选择一个点时用不同的颜色突出显示标记吗？用 2 层来管理它确实是大材小用。您应该能够定义具有如下样式的矢量图层：

var currentPointLayer = new OpenLayers.Layer.Vector("Selected Point Layer", {
    styleMap: new OpenLayers.StyleMap({
        externalGraphic : '${markerUrl}',
        pointRadius: 20
})});
map.addLayer(currentPointLayer);

然后您必须将每个要素（即 feature.attributes.markerUrl）的属性“markerUrl”设置为“marker-red.png” - 这将是所有要素的初始状态特征。

然后，每当选择功能时，您都将所选功能的markerUrl属性更改为“marker-blue.png”并（重要）调用

currentPointLayer.redraw();

显然，当选择新功能时，您还必须将先前选择的功能设置为“marker-red.png”。