@FulgrimPhoenix

Как исправить ошибку импорта ymaps?

Добрый день! В ходе разработки своего пет проекта столкнулся с проблемой, которую самому не получается решить. Пытаюсь подключить яндекс карту к веб приложению на React, которая будет при инициализации определять местоположение юзера, , но возникает проблема импорта из библиотеки ymap (см. скрин). Документацию уже читал, но что то мало что ясно.

import React, { useState, useEffect } from 'react';
import * as ymaps from 'ymaps';

const YandexMap = () => {
  const [map, setMap] = useState(null);
  const [center, setCenter] = useState([55.76, 37.64]); // Координаты центра карты
  const [zoom, setZoom] = useState(10); // Уровень масштабирования

  useEffect(() => {
    const initializeMap = () => {
      const myMap = new ymaps.Map('map', {
        center,
        zoom
      }, {
        searchControlProvider: 'yandex#search'
      });
      
      ymaps.geolocation.get({
        provider: 'yandex'
      }).then((coords) => {
        if (!isNaN(coords.longitude) && !isNaN(coords.latitude)) {
          myMap.setCenter([coords.longitude, coords.latitude]);
          console.log(`My position: ${coords.longitude}, ${coords.latitude}`);
        } else {
          console.error('Error, cant take position');
        }
      });

      setMap(myMap);
    };

    initializeMap();
  }, []);

  return (
    <div id="map"></div>
  );
};

export default YandexMap;


66ec109e1c784039878898.png
  • Вопрос задан
  • 91 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы