Как работать с yandex map React?

Question

[AlexFo90]

Добрый вечер! Скажите может кто знает где почитать на русском языке или видео посмотреть по подключению yandex map react (создание меток и т.д.) только не в документации (там хорошо, но трудно для понимания)?
Спасибо заранее) может кто кинет статью какую-нибудь)

Answer 1

[kn1ght_t]

берете это (биндинги yandex-карт к реакту): https://github.com/gribnoysup/react-yandex-maps

и делаете как-то так (думаю, понятно, что происходит):

import { YMaps, Map, Placemark } from "react-yandex-maps";

const mapData = {
  center: [55.751574, 37.573856],
  zoom: 5,
};

const coordinates = [
	[55.684758, 37.738521],
	[57.684758, 39.738521]
];

const App = () => (
  <YMaps>
    <Map defaultState={mapData}>
      {coordinates.map(coordinate => <Placemark geometry={coordinate} />)}
    </Map>
  </YMaps>
);

можно передавать различные пропсы: https://react-yandex-maps.now.sh/geo-objects/map
в общем, в документации все есть