Как инициализировать yandex map api 3:0 в реакт?

Рейтинг: 2Ответов: 2Опубликовано: 28.02.2023

Как инициализировать yandex map api 3:0 в реакт с дальнейшим использованием реакт компонент? Документация сильно молчит по этому поводу, друзья помогите!

P.S.ушел с yandex map api на react-leaflet. С react-leaflet я в 10 раз сделал все задачи которые хотел

Ответы

▲ 1

Вот пример с react, посмотрите.

▲ 0

вот самая простая реализация: https://codesandbox.io/p/sandbox/ymap3-components-xk3d74

import React from "react";
import {
  YMap,
  YMapDefaultSchemeLayer,
  YMapDefaultFeaturesLayer
  // ...other components
} from "ymapv3-components";
import { features, LOCATION } from './helpers'

function Map() {
  return (
    <YMapComponentsProvider apiKey={process.env.REACT_APP_YMAP_KEY}>
      <YMap location={location}>
        <YMapDefaultSchemeLayer />
        <YMapDefaultFeaturesLayer />
        <YMapDefaultMarker
          coordinates={LOCATION.coordinates}
        />
      </YMap>
    </YMapComponentsProvider>
  );
}

export default Map;

Но можно достать компоненты с помощью reactify