Если карта не открывается в мобильной версии, пользователь не может выбрать адрес, пункт выдачи или посмотреть филиал.

На десктопе все может работать, а на телефоне карта скрывается, не нажимается, открывается под модальным окном или занимает нулевую высоту.

Коротко: нужно проверить загрузку API, адаптивную верстку, высоту контейнера, z-index и события на мобильных устройствах.

Почему возникает проблема

Проблема часто возникает после редизайна: карта находится в скрытой вкладке, контейнер получает height: 0, модальное окно перекрывает слой, API грузится раньше DOM или ключ ограничен доменом.

Что проверить сначала

  • загружается ли API карты на телефоне
  • есть ли ошибки в консоли
  • получает ли контейнер карты высоту
  • не перекрывает ли карту другой слой
  • работают ли touch-события и кнопки управления

Как я подхожу к исправлению

Я проверяю карту в реальном мобильном viewport и отдельно смотрю CSS, JavaScript и сетевые запросы API.

  • исправляю адаптивные размеры контейнера
  • пересоздаю карту после открытия вкладки или модалки
  • правлю z-index и scroll-lock
  • проверяю API-ключ и ограничения домена
  • тестирую выбор адреса до сохранения заказа

Что подготовить перед работой

  • ссылку на страницу с картой
  • какая карта используется: Яндекс, Google, 2ГИС
  • модель телефона или браузер
  • скрин проблемы
  • что должно происходить после выбора точки

Какой результат нужен

Карта должна открываться на телефоне, нормально масштабироваться, принимать касания и передавать выбранный адрес или пункт выдачи в форму.

Чего лучше не делать

Не заменяйте карту статичной картинкой, если пользователю нужно выбирать адрес. Лучше исправить интерактивный сценарий.

FAQ

Почему карта работает только после перезагрузки?

Скрипт может инициализироваться, когда контейнер еще скрыт или не имеет размеров.

Нужно ли менять API?

Не обязательно. Часто проблема в верстке или порядке инициализации.

Можно добавить список пунктов выдачи без карты?

Да, это хороший fallback для слабых устройств и медленного интернета.

Почему карта перекрывает меню?

Скорее всего конфликт z-index или неправильная работа fixed-элементов.

Нужна похожая задача?

Напишите в Telegram @rabotator_support или оставьте заявку на сайте. Коротко опишите проблему, приложите ссылку, скриншот или лог ошибки, и я подскажу, с чего безопасно начать исправление.

Итог

Мобильную карту нужно проверять как пользовательский сценарий: открытие, касание, выбор точки и запись адреса в заказ.