pub-solar/obs-portal
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

frontend: show event points with correct zIndex, too (fixes #99)

Browse source
This commit is contained in:
Paul Bienkowski 2021-10-05 16:06:15 +02:00
parent 305850ea63
commit 7bba46fa52
1 changed files with 17 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
frontend/src/pages/TrackPage/TrackMap.tsx
View file

@ -85,11 +85,12 @@ function pointStyleFunction(feature, resolution) {
}) })
} }
function PointLayer({features, title, visible}) { function PointLayer({features, title, visible, zIndex}) {
return <Map.VectorLayer {...{title, visible}} style={pointStyleFunction} source={new VectorSource({features})} /> return (
<Map.VectorLayer {...{title, visible, zIndex}} style={pointStyleFunction} source={new VectorSource({features})} />
)
} }
const trackStroke = new Stroke({width: 4, color: 'rgb(30,144,255)'}) const trackStroke = new Stroke({width: 4, color: 'rgb(30,144,255)'})
const trackLayerStyle = new Style({stroke: trackStroke}) const trackLayerStyle = new Style({stroke: trackStroke})
@ -201,8 +202,7 @@ export default function TrackMap({trackData, show, ...props}: {trackData: TrackD
return ( return (
<Map {...props}> <Map {...props}>
<Map.BaseLayer <Map.BaseLayer zIndex={10} />
zIndex={10} />
<Map.VectorLayer <Map.VectorLayer
visible visible
updateWhileAnimating={false} updateWhileAnimating={false}
@ -218,8 +218,18 @@ export default function TrackMap({trackData, show, ...props}: {trackData: TrackD
</Map.GroupLayer> </Map.GroupLayer>
<Map.GroupLayer title="Untagged Points" fold="close" visible> <Map.GroupLayer title="Untagged Points" fold="close" visible>
<PointLayer features={trackPointsUntaggedD1} title="Left Untagged" visible={show.leftUnconfirmed} zIndex={101} /> <PointLayer
<PointLayer features={trackPointsUntaggedD2} title="Right Untagged" visible={show.rightUnconfirmed} zIndex={101} /> features={trackPointsUntaggedD1}
title="Left Untagged"
visible={show.leftUnconfirmed}
zIndex={101}
/>
<PointLayer
features={trackPointsUntaggedD2}
title="Right Untagged"
visible={show.rightUnconfirmed}
zIndex={101}
/>
</Map.GroupLayer> </Map.GroupLayer>
<Map.View /> <Map.View />