2013-07-24 97 views
0

我對我認爲會很容易的問題有點麻煩。我試圖實現一個地圖,您可以使用鼠標滾輪放大和縮小地圖。這部分工作得非常好,但它總是放大左上角停留在(0/0)處。我試圖給它典型的谷歌地圖縮放,但它並沒有真正解決。如何在縮放後居中放置一個div

我準備了一點jsFiddle讓你看看我在說什麼。正如我所說,我試圖實現已經在centerOnMouse功能中的居中部分,但我迄今沒有運氣。也許任何人都可以建議如何改變它來滿足我的需求。提前致謝。

回答

2

您只需圍繞視口的中心對齊地圖,取視口的半寬和半高,並從該點進行縮放計算。您也可以在視口中使用鼠標點來放大它。

+0

哇,我可以打自己現在:該公式的工作,但是這是我的代碼是我實際設置滾動: scrollableEl.scrollLeft( scrollX); scrollableEl.scrollTop(scrollX); 難怪它沒有工作......感謝您的回答無論如何:) –

+0

其總之是小東西^^ – Vengarioth

相關問題