Карта не загружается, в чем может быть проблема?Javascript

Форум по Javascript
Ответить
Anonymous
 Карта не загружается, в чем может быть проблема?

Сообщение Anonymous »

Я создаю страницу оформления заказа с помощью React (Vite + TailwindCSS + Redux) и использую React‑Leaflet для карты места доставки. Карта отображается, но отображается только маркер — дороги и плитки не отображаются.
Проблема:
  • отображается правильно.
  • Маркер отображается в правильных координатах.
  • TileLayer не загружает плитки (фон карты остается пустым).
Что я пробовал:
  • Импортированный CSS листовки: импорт "leaflet/dist/leaflet.css";
  • Проверенная высота контейнера (className="h-64 w-full").
  • Использовался стандартный URL-адрес OpenStreetMap TileLayer.
  • Проверил, что location.lat и location.log являются допустимыми числами.
Ожидаемое поведение:
На карте должны отображаться плитки OpenStreetMap (дороги, фон) вместе с маркер.
Фактическое поведение:
Отображается только маркер. Фон карты пустой (нет дорог/плиток).
Вопрос:
Как исправить TileLayer, чтобы плитки OpenStreetMap правильно загружались в React‑Leaflet с помощью Vite?
Соответствующий код (выдержка из компонента Checkout):



Your current location




Подробнее здесь: https://stackoverflow.com/questions/798 ... he-problem
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»