Shift MapBox 500px

Question

我目前正在开发一个需要使用MapBox的项目。我们有一个持久的侧边栏，它以HTML格式放置在地图的顶部。侧边栏宽度为500px。

一切正常，但是当我们将地图置于给定的坐标对中时，有500像素＆＃39;值得隐藏的地图。基本上，我正在寻找一个函数/公式，可用于转换用于居中的纬度位置，以容纳额外的500像素，在给定的缩放级别。

有谁能告诉我这样的算法（理想情况下是在JavaScript中，但很容易转换）？我们已经研究过使用node-sphericalmercator，但这并没有达到我们所需的水平。

Answer 1

使用L.fitBounds()和the padding options使用Leaflet执行此操作，或者如果您不能使用边界，请使用latLngToPoint进行转换，移动点并转换回来。