берете это (биндинги 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
в общем, в документации все есть
Средний
