Как вычислить центр и зум для яндекс карты?

Question

[alex4answ]

Добрый день, столкнулся с проблемой, раньше как-то решал ее, сейчас уже не могу найти, а старые решения которые я гуглю - не работают.

Есть n точек, как вычислить bounds и zoom для них, чтобы все поместились на карте ?

<YMaps>
  <Map
    defaultState={{
      zoom: 10,
      center: houses[0].position,
    }}
  >
    {houses.map((house) => <Placemark geometry={house.position} key={house.key} />}
  </Map>
</YMaps>

Как сейчас это реализуется?

Answer 1

[alex4answ]

Для меня и подобных мне людей в будущем:
1. Добавляем все метки на карту
2. Получаем bounds у instance карты: myMap.geoObjects.getBounds()
3. Назначаем его instance карты, с опциями для зума, отступов и тп:

myMap.setBounds(
  myMap.geoObjects.getBounds(),
  { 
    checkZoomRange: true,
    zoomMargin: 9
  }
);

Comments

[Лев Александров]

Спасибо!

[William]

а можно как то заставить карту сразу центрироваться с помощью getBounds ?
то есть сперва же центрируется с помощью параметра center: [] дергается карта на секунду и после перестраивается на центр (getBounds)... не указывая center: [...] карта просто не инициируетя ..

Answer 2

[freeExec]

Расширяя bounds, включая в него всё новые и новые точки. Затем заставить карту показать этот получившийся bounds.

Comments

[alex4answ]

freeExec, я пробовал в onLoad для instance карты делать setBounds(newCoords), но если честно думал что после setBounds карта отображает изменения

[freeExec]

alex4answ, судя по названию вы ей какую-то фигню передали в параметр, не объект типа bounds

[alex4answ]

freeExec, что-то я запутался, подскажите, как расширить bounds?

[freeExec]

alex4answ, Посмотрите в документации, я не помню.