Dragging objects onto an image in specific locations on that image

Dragging objects onto an image in specific locations on that image

This is possibly the most basic question a newbie can ask but I've spent a few days (obviously looking in the wrong places) looking for such:

1. My question does not concern the dropping of a file onto an image for the purposes of up/downloading the file or exposing a form;

2. I need to be able to drag objects onto an image as a dropzone - each specific object dragged and dropped on a specific part of the dropzone image.

I've seen examples of objects being dropped onto a logo but I'm not sure where the logo image comes from - possibly the CDN.

It would probably be best explained by (ignoring any GMaps or similar APIs and) visualizing a map whereupon objects (e.g. cities) be dragged onto this image (map) where the supposed cities are supposed to be. 

Would appreciate such as a starting point - to include the image source and affix as the droppable area where the various dropzones can be defined.

Thank you