Размер картыИсправлено

Укажите в подсказке требуемый размер карты проезда (или пусть само выравнивает) - пришлось подбирать размер (620px по ширине) чтобы окно с картой было аккуратным (то за край вылезало, то оставалось незанятое поле сбоку).

6 ответов
a
Евгений Леман
programmer
#
7 февраля 2018 15:49

По идее ширина должна была автоматически подогнаться под размеры окна. А какую карту вы использовали? Если можно, скиньте её код. Если нет, то просто скажите каким способом была добавлена эта карта. Яндекс или Google, iframe или javascript.

a
Вячеслав Мехонцев
#
7 февраля 2018 16:28

вот такой:

<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3ASC7QL7DzSW4AeDUBjGYebs-NxbBNo_Ds&width=620&height=630&lang=ru_RU&scroll=true"></script>

пока я там не установил конкретную ширину, у меня то вылезало справа за край окна, то не доставало до края

a
Вячеслав Мехонцев
#
25 марта 2018 07:49

Не исправлено.

После обновления темы я снова заполнял настройки темы и вставил код карты без указания нужной ширины и высоты (код тот же, что и выше, но ширина другая) - вылезло за края. Чтобы выглядело красиво, по прежнему нужно явно указать ширину и высоту.

a
Евгений Леман
programmer
#
25 марта 2018 07:56

Да, есть такой момент. В ходе проверок перед публикацией случайно затерли это изменение. Добавьте в ваш user.css строку:

.address-popup > ymaps {max-width:100% !important;}

Либо просто можно не указывать ширину в настройках карты.

a
Георгий
#
30 марта 2018 12:29

Я когда копировал код с яндекса, поставил галочку "Растянуть по ширине", в итоге в коде параметр Width со значением 100%. На сайте отображается все ровно.

Вопрос еще такой, на мобильных интерактивная карта с таким скриптом ведь не отображается? Что делать?


<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Adb195dee59814b57abf428eca3e52c312828b88fafa1e14af87d7cab083f3e7f&width=100%25&height=450&lang=ru_RU&scroll=true"></script>
a
Евгений Леман
programmer
#
30 марта 2018 12:50

Почему не отображается? У меня прекрасно работает. Можно использовать и другую карту. Но если она выползает за края, а вы не хотите ждать версии 1.2.1, то можно просто добавить в user.css строку:

.address-popup > ymaps{max-width:100% !important;}
Чтобы добавить комментарий, зарегистрируйтесь или войдите