javascript - Openlayers 3 特征的 z 排序

标签 javascript openlayers openlayers-3

我有一个矢量图层,其中包含从 GEOJSON 源加载的多边形和点。在我看来,点总是位于多边形上方,无论它们在源 GEOJSON 文件中的顺序如何。请参阅下面的示例定义。有没有办法,如何将点定位在同一层上的多边形下方?

示例:

点的样式为白色和红色圆圈。多边形是灰色的。

enter image description here

我的 GEOJSON 看起来像这样(我什至尝试颠倒文件中的特征顺序):

{
    "type": "FeatureCollection",
     "features": [
      {
        "type": "Feature",
        "properties": {
            "radius": "1000"
        },
        "geometry": {
            "type": "Point",
            "coordinates": [
                12.4,
                50.08333
            ]
        }
    },
    {
        "type": "Feature",
        "properties": {
            "radius": "800"
        },
        "geometry": {
            "type": "Point",
            "coordinates": [
                12.4,
                50.08333
            ]
        }
    },
    {
        "type": "Feature",
        "geometry": {
            "type": "Polygon",
            "coordinates": [[
                [
                    12.4,
                    50.08333
                ],

...........

最佳答案

在样式对象中使用 zIndex。

关于javascript - Openlayers 3 特征的 z 排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39875364/

相关文章:

javascript - 记住html页面中突出显示的文本(给html页面添加注释)

cordova - 使用 OpenLayers 和 TileCache 在 PhoneGap 上离线 map

javascript - 有人可以帮助修复我的 Alertify JS 代码吗?

javascript - Highstock 滚动条未覆盖多个系列的整个长度

javascript - 在 vuejs 应用程序中集成 openlayers

javascript - Openlayers 3 : how to select a feature programmatically using ol. 交互。选择?

javascript - 将悬停 SelectInteraction 与 ol.events.condition.mouseMove 结合使用时,OpenLayers 3 中的拖动 map 丢失

javascript - 如何在 ngx-openlayers 中加载自定义 .pbf 文件

javascript - 如何在 ASP.NET MVC 4 中通过 Html.Actionlink 触发 window.open

javascript - OpenLayers 仅在鼠标移动结束后才具有重绘功能