How can I create an interactive map?

I want to add some actions to an existing map, similar to the example provided. However, I want to use the following map (Image 1) and trigger specific actions when clicking or hovering over certain areas. My main challenge is how to precisely locate each area as shown in the example. Could anyone provide some suggestions? I’d greatly appreciate it!

Image 1

I think each area is a sprite with its own collision polygon edited in the Animations Editor.

Another option is to fill each area with a unique color, paste the map on a drawing canvas, and then use expressions like DrawingCanvas.SnapshotRedAt(x,y) to detect the color of clicked pixel. The canvas object itself can be invisible.

I think each area is a sprite with its own collision polygon edited in the Animations Editor.

Could you please explain this part in more detail? Thank you so much!

Here is an example with DrawingCanvas

dropbox.com/scl/fi/wf8dlw4ygoh9opovhabsd/DrawingCanvas_GetPixelColor.c3p

Thanks!