Для добавления event при нажатии на точку в яндекс.карты с использованием react-yandex-maps вам понадобится выполнить следующие шаги:
1. Установите react-yandex-maps пакет:
npm install react-yandex-maps
2. Импортируйте необходимые компоненты из пакета:
import { YMaps, Map, Placemark } from 'react-yandex-maps';
3. Создайте компонент карты с точкой:
const MapWithPlacemark = () => { const onPlacemarkClick = (e) => { // Ваш код обработки события console.log('Нажатие на точку', e.target); }; return ( <YMaps> <Map defaultState={{ center: [55.751574, 37.573856], zoom: 10 }} width="100%" height={400} > <Placemark geometry={[55.751574, 37.573856]} onClick={onPlacemarkClick} /> </Map> </YMaps> ); };
В примере выше, мы создаем компонент MapWithPlacemark
, который содержит карту с одной точкой на координатах [55.751574, 37.573856]
. Также определен обработчик события onClick
, который вызывается при клике на точке.
4. Используйте созданный компонент MapWithPlacemark
внутри вашего компонента или страницы:
const App = () => { return ( <div> <h1>Моя карта с точкой</h1> <MapWithPlacemark /> </div> ); };
Здесь мы используем компонент MapWithPlacemark
внутри компонента App
.
Теперь, при клике на точку на карте, будет вызываться обработчик onPlacemarkClick
события onClick
, и вы сможете выполнять необходимые действия.