2013-03-06 139 views
0

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

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

地圖圖像是在

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

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

+0

我希望你的圖像比你的圖像有點大嗎? – yckart 2013-03-06 10:46:14

+0

雅他們是更大的圖像! 我已經將它們包含在div中。 – 2013-03-06 10:51:57

回答

1

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

像這樣的東西(這不是完美的,但你可以用它周圍玩了一下):

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

http://jsfiddle.net/vigneshvdm/WZEna/3/ 我試過 它縮放圖像,但我曾經放置標誌的地方相同的縮放正在發生!它不放大到我放置國旗的地方! 無論如何投票贊成幫助:) – 2013-03-06 11:14:56

+0

只是玩弄一點點弄明白,如果你仍然回來,並再次分享您的代碼和問題;) – yckart 2013-03-06 11:16:48

+0

謝謝接受和upvoted – 2016-11-25 09:24:38

相關問題