Openlayers 4: Ändern der Zeichenreihenfolge ausgewählter Features

Ich habe eine einzelne Vektorschicht in OpenLayers 4 (4.4.1). Die Ebene verfügt über mehrere Features mit LineString Geometrien. Einige der Funktionen überschneiden sich.

Wenn ich auf einen Punkt klicke, an dem sich die Features überlappen, möchte ich nur eines der Features als ausgewählt auswählen. Die anderen sollten später noch zur Auswahl verfügbar sein (durch die Feature-ID in einer separaten UI-Auswahlliste).

Wenn ich auf eine andere Feature-ID (in der separaten UI-Auswahlliste) klicke, sollte dieses Feature als ausgewählt gezeichnet werden, und das zuvor ausgewählte sollte nicht als ausgewählt gezeichnet werden, aber immer noch in der Auswahlliste verfügbar sein.

Dies funktioniert, aber es ist nur das erste (Standard) ausgewählte Feature, das oben zu erscheinen scheint.

Das Bild unten zeigt, dass die Feature-ID 10049 als ausgewählt markiert ist.

Das Bild unten zeigt, dass die Feature-ID 10048 als ausgewählt markiert ist.

Wenn ich irgendwo auf die südlichste Stelle klicke, wo sie sich nicht überschneidet, wird sie oben korrekt ausgewählt.

Um die Funktion zu verfolgen, die visuell ausgewählt werden muss, gibt es eine Variable:

Ich verwende den folgenden selectInteraction Code:

Und ich rufe diese Funktion aus einer dynamisch erstellten Linkliste:

Wie kann ich das mit dem selectedStyle-Set an die Spitze ziehen? Ich habe versucht, dem ausgewähltenStyle einen zIndex hinzuzufügen. Aber es scheint keine Wirkung zu haben.

Hier ist ein JsFiddle: Ссылка . Es gibt einige andere kleinere Probleme mit der Auswahl, aber hoffentlich können Sie das oben beschriebene Verhalten sehen.