jquery - 如何在特定 x 和 y 坐标的图像上添加图像

Question

我正在为游戏构建一个可拖动的地图，（该地图是作为学校项目开始的，我正在将其转移到游戏中）地图的链接在这里

无论地图在其容器中拖动到何处，我都想在该图像上的特定位置添加第二个图像。

这是jQuery：

$(function() { 
    $("#map").draggable({
        cursor: 'move',
        containment: [-525, -582, 252, 40]
    });
});

HTML

<div id="mapable" style="position: relative;float:left;height:423px;width:1072px;overflow:hidden;border:1px solid black;">
    <img src="include/map.png" style="display:block;border:1px solid black;position: absolute;" onclick="point_it(event);" class="drag-image" id="map"/>
</div>

有关所有代码的完整来源，您可以在此处查看