Shift MapBox 500px

Question

我目前正在研究一個需要使用MapBox的項目。我們有一個持久的邊欄，它以HTML格式放置在地圖的頂部。側邊欄寬500px。

一切工作正常，除了當我們在一個給定的座標對中心地圖，有500個像素值的地圖隱藏。從本質上講，我正在尋找一個函數/公式，可用於在給定的縮放級別上將用於居中的緯度位置轉換爲容納額外500像素的位置。

任何人都可以告訴我這樣的算法（理想情況下在JavaScript中，但可以很容易地轉換）？我們已經研究過使用node-sphericalmercator，但這並沒有完全達到我們所需要的。

Answer 1

使用L.fitBounds()和the padding options可以用Leaflet做到這一點，或者如果您不能使用邊界，請使用latLngToPoint進行轉換，移動點並轉換回去。