jQuery Draggable, как переместить перетаскиваемый объект в правильное положение, даже если я перемещаю или масштабирую свое изображение

Question

Я хотел бы сделать что-то вроде карты Google, когда кто-то перетаскивает координаты внутри карты Google, независимо от того, увеличивал или уменьшал пользователь координаты, которые пользователь перетаскивал, будет оставаться на той же позиции, когда я пытаюсь это сделатьпосле перетаскивания координат и масштабирования или панорамирования изображения координаты не перемещаются в то место, где они должны быть.

Есть ли какой-нибудь jquery или javascript, который может этого добиться ??

jsFiddle

Заранее благодарим за любые советы ~~

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