Как при скролле мышкой убрать движение пина в react-yandex-maps?

Question

[GNG999]

Есть карта

<YMaps enterprise={true} query={{ apikey: apiKey, load: 'util.bounds' }}>
                <Map
                    modules={['geocode', 'geolocation']}
                    height={'100%'}
                    width={'100%'}
                    state={{
                        center: mapBasicCenter,
                        zoom: 17,
                        controls: [],
                    }}
                    instanceRef={mapRef}
                    onActionTickComplete={onActionTickComplete}
                    onLoad={(ymaps) => setYmaps(ymaps)}
                    options={{ suppressMapOpenBlock: true }}
                    onActionBegin={() => setMapMove('start')}
                    onActionEnd={(e) => {
                        if (zoomValue === zoomPrevValue) {
                            setMapMove('end');
                        }
                    }}
                >
                    <Placemark
                        geometry={coord}
                        options={{
                            iconLayout: 'default#image',
                        }}
                        properties={placemarkData}
                    ></Placemark>
                    <ZoomControl options={{ float: 'right' }} />
                </Map>
            </YMaps>

При скролле мышкой идет зум, но пин уводит в сторону: он смещается на какое-то расстоние. Как сделать, чтобы смещения не было ?

Answer 1

[freeExec]

У иконки пина надо задать точку которой он будет "прибит к карте", а по дефолту это центр картинки, а вовсе не пипка где-то внизу, или что там у вас.