javascript - jQuery可拖动，即使我平移或缩放图像，如何将可拖动对象移动到正确位置

Question

我想做类似谷歌地图的事情，当有人在谷歌地图内拖动坐标时，无论用户放大还是缩小用户拖动的坐标都将保持在同一位置，当我尝试这样做时，我拖动我的坐标，然后缩放或平移图像，坐标不会移动到它应该在的位置。

是否有任何 jquery 或 javascript 可以实现？

jsFiddle

提前感谢您的任何建议~~

$( function() {
  $( "#draggable" ).draggable();
} );