0

введите сюда описание изображениявопрос такой. При нажатии на метку на десктопе центр карты перемещается на эту метку. Но при нажатии на метку на смартфоне да и вообще на всех маленьких разрешениях экрана центр карты съезжает куда-то вправо-вниз, оставляя метку за краем карты.

Bisurs.ru - сайт

В чем может быть проблема? Может в стилях карты или же все такм параметры yandex api?

Если есть предположения или идеи, ответьте, пожалуйста.

Вот, что я заметил, при уменьшении ширины экрана правая стороны карты фиксируется на месте, но карта сама съезжает вдругую сторону, хотя ведь должна пропорционально изменяться, а не только с одной стороны. Может все-таки дело в стилях?

Bisurs.ru - сам сайт

😊 Спасибо за ответы

1 ответ 1

0

Вы правы, причина почти как всегда - кастомные стили.

Заблокируйте загрузку custom-map.css (например через ADblock) и карта с малой шириной экрана сразу начнёт центрироваться на метках как положено, хотя и возникнут другие артефакты (оформления фильтра, например).

Более конкретная причина - кастомный стиль балуна:

.ymaps-2-1-79-balloon-pane {
    position: static !important;
}
3
  • Спасибо большое, помогли!!! 8 окт 2021 в 13:34
  • Эту строчку кода убрал, теперь балун не показывается на мобильных. Подскажите, пожалуйста, в чем дело? 9 окт 2021 в 10:21
  • Судя по всему, данный стиль разработаны не вами, а являются частью плагина или иной чужой наработкой. Этот CSS-файл меняет очень много параметров карты. И в вашем случае исправление одного может вскрывать новые и новые ошибки. Вам лучше обратиться за помощью к разработчику стиля, раз он решил изменить предлагаемый API метод отображения балуна в виде панели для узких экранов, а самостоятельно позиционировать обычный балун стилями, что сдвигает также и метку в край экрана, поскольку они связаны.
    – YaCor'
    9 окт 2021 в 16:31

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.