izawartka/td2-visualizer
izawartka/td2-visualizer
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change position of the route arrow

Browse Source
This commit is contained in:
dominik-korsa 2025-07-12 17:13:19 +02:00
parent f9ef9de7ef
commit 5eca3d4558
No known key found for this signature in database
GPG Key ID: 5A24D76EE0A30974
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/map/object-renderers/RouteRenderer.js
View File

@ -3,13 +3,14 @@ import AlwaysUpText from "../text/AlwaysUpText";
export default function RouteRenderer(props) {
const { object } = props;
const [x, y] = object.pos.toSVGCoords();
const [x, y] = object.end_center.toSVGCoords();
const angle = object.end_angle_rad * 180 / Math.PI;
const offY = object.track_count === 2 ? -22 : -20;
const arrowOffset = - object.track_offset - 37.8;
return (
<g className="route" transform={`translate(${x}, ${y}) rotate(${object.rot.y})`}>
<g className="route" transform={`translate(${x}, ${y}) rotate(${angle})`}>
<g transform={`rotate(90) translate(-80, ${arrowOffset})`}>
<ReactSVG
src={`${process.env.PUBLIC_URL}/assets/route.svg`}
@ -21,7 +22,7 @@ export default function RouteRenderer(props) {
/>
</g>
<AlwaysUpText
baseRot={object.rot.y}
baseRot={angle}
additionalRot={-90}
offsetX={object.track_offset}
reverseAnchor={true}