diff --git a/src/components/map/object-renderers/IsolationIdRenderer.js b/src/components/map/object-renderers/IsolationIdRenderer.js index 4e31799..0a9b657 100644 --- a/src/components/map/object-renderers/IsolationIdRenderer.js +++ b/src/components/map/object-renderers/IsolationIdRenderer.js @@ -1,18 +1,13 @@ export default function IsolationIdRenderer(props) { const { object } = props; - - const x1 = object.points?.x1; - const z1 = -object.points?.z1; - const x2 = object.points?.x2 ?? x1; - const z2 = -object.points?.z2 ?? z1; - const x = (x1 + x2) / 2; - const z = (z1 + z2) / 2; + const pos = object.points.start.lerp(object.points.end, 0.5); + const [x, y] = pos.toSVGCoords(); const text = object.id_isolation ?? ''; return ( { - let rot = object.ry; + let rot = object.rot.y; if (rot < 0) { rot += 360 * Math.ceil(Math.abs(rot) / 360); } else if (rot >= 360) { @@ -16,7 +14,7 @@ export default function RouteRenderer(props) { } return rot > 180; - }, [object.ry]); + }, [object.rot.y]); const upsideDownRot = upsideDown ? 90 : -90; const offY = object.track_count === 2 ? -22 : -20; @@ -24,7 +22,7 @@ export default function RouteRenderer(props) { const arrowOffset = - object.track_offset - 37.8; return ( - + - + + 0) { - d = `M${x2},${z2} A${ra} ${ra} 0 0 1 ${x1},${z1}`; + d = `M${x2},${y2} A${ra} ${ra} 0 0 1 ${x1},${y1}`; } else { - d = `M${x1},${z1} L${x2},${z2}`; + d = `M${x1},${y1} L${x2},${y2}`; } const color = Constants.map.useTrackColors ? ( - object.r === 0 ? "rgb(255, 255, 255)" : "rgb(255, 0, 255)" - ): undefined; + object.r === 0 ? "rgb(0, 255, 255)" : "rgb(0, 0, 255)" + ) : undefined; return (