Мне нужно динамичски добавлять метку на карту имея координаты. Сейчас код такой
const placemarkRef = useRef(null);
const mapRef = useRef(null);
const clickFunc = () => {
placemarkRef.current = createPlacemark( [54.738276, 20.489808] )
mapRef.current.geoObjects.add(placemarkRef.current);
}
const createPlacemark = (coords) => {
return new mapRef.current.Placemark(
coords,
{
iconCaption: 'какое то имя'
},
{
hintContent: 'Надпись',
preset: "islands#violetDotIconWithCaption",
draggable: false
}
);
};
const mapFunc = () => {
return <YMaps
enterprise
query={{
load: "package.full", //отключаем модули. Используем стандартное поведение(полная загрузка)
apikey: "КЛЮЧ"
}}>
<Map
onLoad={ymaps => mapRef.current = ymaps }
defaultState={{ center: [54.738276, 20.489808], zoom: 11 }}
instanceRef={mapRef.current}
>
</Map>
</YMaps>
}
return <div>{mapFunc()}
<button onClick={() => clickFunc()} />НАЖМИ МЕНЯ</button>
</div>
Это почему то не работает, хотя должно, судя по всем примерам и документации. Обратил внимание когда дебажил, что geoObjects в строке
mapRef.current.geoObjects.add(placemarkRef.current);
почему то undefiened
, все остальные свойства в mapRef.current
на месте
Как видно, остальные свойства на месте, а geoObjects
нету. Хотя в документации yandex API это свойство должно быть, как например тут https://yandex.ru/dev/maps/jsbox/2.1/placemark