小编Tom*_*mmy的帖子

Openlayers 4:更改所选要素的绘制顺序

我在OpenLayers 4(4.4.1)中有一个矢量图层.该图层具有几个LineString几何特征.一些功能重叠.

如果我在要素重叠的点处单击,我只希望将其中一个要素绘制为选定的.其他应该仍然可供以后选择(通过单独的UI选择列表中的功能ID).

如果我单击另一个要素ID(在单独的UI选择列表中),该要素应绘制为选中,并且先前选择的不应绘制为选中,但仍可在选择列表中使用.

这是有效的,但它只是第一个(默认)选定的功能,似乎在顶部绘制.

下图显示了功能ID 10049被标记为已选中的情况. 选择中的第一个元素是正确绘制的

下图显示了功能ID 10048被标记为已选中的情况. 选择中的第二个元素绘制在第一个元素下面

如果我点击它们不重叠的最南部特征上的某个位置,则会在顶部选中时正确绘制.

如果在没有重叠的情况下单击,则会正确绘制最南端的要素

要跟踪需要在视觉上选择的功能,有一个变量:

var multiselectPrimaryId = 0;
Run Code Online (Sandbox Code Playgroud)

我使用以下selectInteraction代码:

selectInteraction.on('select', function (e) {
    e.deselected.forEach(function (feature) {
        feature.setStyle(null);
    });
    if (e.selected.length <= 1) {
        $("#multipleHitWindow").hide();
        multiselectPrimaryId = 0;
        if (e.selected.length == 0) {
            return;
        }
    }
    var features = e.selected;
    if (multiselectPrimaryId == 0) {
        multiselectPrimaryId = features[0].getId();
    }
    if (features.length > 1) {
        var text = "Multiple hits: ";
        features.forEach(function (elem, index, array) {
            text += "<a href='javascript:changeSelectedFeature("
                 + elem.getId() + …
Run Code Online (Sandbox Code Playgroud)

javascript vector openlayers

9
推荐指数
1
解决办法
631
查看次数

标签 统计

javascript ×1

openlayers ×1

vector ×1