How to make a modern map UI?

[Everynone]

The general idea:

Move widget (map) so point on the map is in the centre

‘widget to centre’ brings up stuff about anchors. It was pointing you in the right direction; with no proper anchoring you’ll need to constantly translate Absolute to Local and account for viewport size / resolution and so on. This can be done in a much simpler way. I’ve got this nested canvas with some points of interest: That’s how usually map dragging / panning is done (at least around here) the Inner Canvas is anchored to the centre of the screen: [image] Ctrl + Shift click the…

More detailed:

How to scale/zoom a widget with blueprints?

See this for an updated version: [Image from Gyazo] It’s somewhat similar to google maps, the mouse up / down are pretty standard: [313502-mouseup.jpg] [313503-mousedown.jpg] Dragging the image in the canvas: [313505-move.jpg] Clamping the edges: [313506-clamp.jpg] And we can’t drag the map when the cursor goes beyond the widget: [313504-leave.jpg]