Добрый день! В ходе разработки своего пет проекта столкнулся с проблемой, которую самому не получается решить. Пытаюсь подключить яндекс карту к веб приложению на 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;
