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

Question

我想做类似google map的操作，当有人在google map中拖动坐标时，无论用户放大还是缩小用户拖动的坐标都将停留在相同位置，当我尝试这样做时，在拖动坐标并缩放或平移图像后，坐标不会移动到应有的位置。

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

jsFiddle

预先感谢您的任何建议~~

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