map: Add Points of Interest (PoI) feature to the maps

[rafaellehmkuhl]

This feature allows the user to add markers to their map, so they can annotate places where they need to go, to avoid, or something else.

Each PoI has its own icon, color, name, description and position.

All PoIs are persistent, synced between the map and the mission-planning view, and also synced with the vehicle.

Kapture.2025-05-22.at.13.19.59.mp4

[ArturoManzoli]

Very good feature

Some UI suggestions:
(1) The step adjustment on the input could be on a meter scale (around 0.00001 on the GPS). As it is now, a 1.0 step represents something around 100 km displacement;
(2) The Building icon doesn't show up for me;
(3) Add the usual divider between the content and the footer;
(4) On the context menu says Place point of interest and on the modal title says Add point of interest. I think we should pick one, and 'place' is best.

[ArturoManzoli]

Also the coordinates editing for the Poi should be reactive. Would be nice to change its place step by step watching it moving on the map. So users can get a more precise relocation

• To keep UI consistency the delete button should be white;

Screenshare.-.2025-05-22.3_54_30.PM.mp4

[ArturoManzoli]

The color picker's theme should be on theme="dark"

[ES-Alexander]

• Relevant to frontend: map click improvements #1513
• Mentioned by @vshie in this comment
• Logical expansion is inter-widget support, per Visualise attitude and depth targets on widgets #1280
• Would also be nice to support as default, named options (in future), for things like MAV_CMD_CAMERA_TRACK_POINT (e.g. during mission planning)

[ES-Alexander]

1. Creating a point leaves behind an extra blue dot with the same hover behaviour as the PoI, until some other point is created, or escape is pressed:
   
2. Zooming the map brings some points with you, instead of staying at the GPS locations
   • Panning works as expected
   • Tooltips are generally at the right location, although they don't update (live) if zooming while hovering on a point
     
   • Deleting or creating a new point seems to re-render the existing ones in the correct locations
3. It could be nice to start with a random colour, so they're not all red by default, and maybe allow choosing the colour from a palette, so it's not painful to get the same colour for points of a similar type

[rafaellehmkuhl]

@ArturoManzoli @ES-Alexander I think I was able to get everything fixed, including the zoom problem. Thanks for letting me know.

[ArturoManzoli]

Nice,
Looking good now

Just one more thing:
The delete text button should be white to ensure visibility in most situations and to align with our design language.

[rafaellehmkuhl]

Nice, Looking good now

Just one more thing: The delete text button should be white to ensure visibility in most situations and to align with our design language.

Done.

[rafaellehmkuhl]

Thanks @ArturoManzoli.
@ES-Alexander I will wait for your approval before merging.