如何在居中的反应 - 传单图上设置偏移量？

Question

我将一个bounds对象传递给Map Component（https://react-leaflet.js.org/docs/en/v1/components.html#map）上的bounds道具。

我希望它使用边界来居中并设置缩放（就像默认情况下那样）但是使用偏移量（比如工具提示）允许从用户部分进行一些微调。

我正在接受以下界限：

L.geoJson(currentZone.geoJson).getBounds();

Answer 1

您可以将boundsOptions的配置对象传递给数组形式的paddingTopLeft, paddingBottomRight or padding。

传单文档： https://leafletjs.com/reference-1.3.0.html#fitbounds-options

反响传单文档： https://react-leaflet.js.org/docs/en/components.html#map

 <Map
    ... attrs
    boundsOptions={{
      paddingBottomRight: [250, 0],
    }}
  >