如何在居中的 react-leaflet 地图上设置偏移量？

Question

我正在将边界对象传递给地图组件 (https://react-leaflet.js.org/docs/en/v1/components.html#map) 上的边界道具。

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

我的界限来自：

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

Answer 1

您可以为 boundsOptions 传递一个配置对象以数组的形式设置 paddingTopLeft, paddingBottomRight or padding。

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

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

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

How can I set an offset on a centered react-leaflet map?