Как я могу установить смещение на центрированной карте реактивных листовок?

Question

Я передаю объект bounds реквизиту bounds в компоненте карты (https://react -leaflet.js.org / docs / en / v1 / components.html # map ).

Мне бы хотелось, чтобы он использовал границы для центрирования и установки масштаба (как это делается по умолчанию), но со смещением (как для всплывающей подсказки), чтобы позволить некоторую предварительную настройку со стороны пользователя.

Я получаю оценки от:

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

Answer 1

Вы можете передать объект конфигурации для boundsOptions для установки paddingTopLeft, paddingBottomRight or padding в виде массива.

Leaflet doc: 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],
    }}
  >