Creating a map-based drag and drop activity (regions puzzle)

Hi everyone,

I’m trying to create an interactive geography activity in H5P and I’m looking for the best approach.

My idea is to use a map (for example, a simplified map of Turkey divided into 7 regions) as a background image, and then have separate region pieces that users can drag and drop into the correct positions on the map.

So essentially:

• A base map with visible region boundaries

• 7 draggable region pieces (images)

• Users match each region to the correct area via drag and drop

I believe "Drag and Drop" content type might be suitable, but I’m not sure if this is the best or most efficient way to achieve it.

My questions:

1. Is Drag and Drop the right content type for this use case?

2. Are there any limitations when working with custom-shaped map regions?

3. Is there a recommended workflow for preparing the images (e.g., slicing the map into pieces)?

4. Are there alternative H5P content types or libraries better suited for map-based interactions?

If anyone has done something similar or has examples, I’d really appreciate your guidance.

Thanks in advance!