Feature request: Button to reset orientation (and display current rotation)

[pcgaustad]

It is possible to rotate the map, but except for place names there are few/no indications that map has been rotated (like a compass showing the current orientation), nor does there seem to be an option to reset the orientation. (At least on iOS, the orientation is reset when the app is closed.)

[hiddewie]

Hi, there is a (subtle) indication that the map is rotated. See the screenshot below. The north-south arrows rotate with the map, and pressing the button will reset the rotation to make north point to the top.

I agree we could make this a bit more obvious by coloring the icon when the map is rotated. Currently this button/icon comes out of the box with the library used to display the map (Maplibre GL JS), so it might take some effort to customize that feature.

[pcgaustad]

Of course! I didn't even notice the icon rotated and assumed that control had something to do with levels in buildings.

I did some testing and you may consider adding background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='red' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E"); to the .maplibregl-ctrl-group button.maplibregl-ctrl-compass .maplibregl-ctrl-icon selector in https://github.com/hiddewie/OpenRailwayMap-vector/blob/master/proxy/css/ui.css#L195, to color the control to appear more like a compass, like this:

Let me know if you want me to submit a pull request. (I'm not sure I'll be able to do proper testing of the change, though.)

[hiddewie]

Thanks for the suggestion. It is actually a bit more complicated because the background images are replaced with a mask to automatically support light and dark mode. However we can change the background to something like

background: linear-gradient(to bottom, red, red 50%, #aaa 50%, #aaa);

and get something like

(but then only for the direction icon)

[hiddewie]

I will prepare a pull request in #474

[pcgaustad]

It looks excellent! They grayed-out button when the map has no bearing is an excellent addition. I was thinking about that one, but already spent a lot of time figuring out how to just add the color to the upper arrow. 🤷

[hiddewie]

Nice, good to hear!