圖像縮放到鼠標上的指針位置

Question

我需要放大圖像（地圖圖像）上的指針移動（可拖動）。 我在下面的jsfiddle中添加了代碼，單擊搜索並拖動該標誌。 因此，在拖動該標誌並將其移至地圖上時，我希望地圖可以放大到該地點。

http://jsfiddle.net/vigneshvdm/WZEna/2/

地圖圖像是在

<div id="map"></div>

編輯對解決方案的jsfiddle將是非常有益的。 在此先感謝

Answer 1

您可以從draggable使用stop -callback和放大您的#xyz -image則：

像這樣的東西（這不是完美的，但你可以用它周圍玩了一下）：

$("#pointer").draggable({ 
    stop: function() { 
     $("#xyz").css({ 
      transform: "scale(2)" 
     }); 
    } 
});