How to keep the label centered when moving the map?

Question

Yandex maps

I use the react-yandex-map library to work with Yandex maps. I can’t fix the label in the center when dragging the map (you need to do it like a Yandex taxi, they always have a label when dragging in the center), I looked at the official dock, I didn’t find anything there.

Answer 1

const [ coord, setCoord ] = useState(...);

function onActionTickComplete(e) {
  const projection = e.get('target').options.get('projection');
  const { globalPixelCenter, zoom } = e.get('tick');
  setCoord(projection.fromGlobalPixels(globalPixelCenter, zoom));
}

<Map
  onActionTickComplete={onActionTickComplete}
  ...
>
  <Placemark geometry={coord} />
</Map>

https://codesandbox.io/s/sweet-khayyam-zqwy8?file=...