Как зафиксировать метку на react yandex map и как определять адрес при перемещении карты под меткой?
Есть карта react-yandex-map. Сейчас при ее перемещении метка адреса движется вслед за ней. Необходимо фиксировать эту метку по центру карты, чтобы она стояла на месте, а карта двигалась под ней. При этом необходимо определять каждый раз адрес, на который указывает метка. Пример того, как должно работать - Яндекс Такси.
render() {
const coordinates = this.props.coords;
const mapData = {
center: coordinates,
zoom: 17,
behaviors: ["default", "scrollZoom"],
controls: [],
yandexMapDisablePoiInteractivity: true,
};
const mapOptions = {
iconLayout: "default#image",
iconImageHref: mapIcon,
iconImageSize: [30, 42],
iconImageOffset: [-3, -42],
};
return (
<YMaps>
<Map
defaultState={mapData}
onLoad={(instance) => this.onLoadMap(instance)}
modules={["geolocation", "geocode"]}
instanceRef={this.props.instanceRef}
>
{[coordinates].map((coordinate) => (
<Placemark
geometry={coordinate}
key={coordinate}
options={mapOptions}
/>
))}
</Map>
</YMaps>
);
}