Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Ресайз карты яндекса


Recommended Posts

Добрый вечер товарищи!!! Подскажите пожалуйста, как сделать карту яндекса адаптивной. Сам пробовал менять и ширину и  высоту в скрипте , один черт  вылезает за тело сайта на маленьких разрешениях сайта. Остор 2.3 http://santehnika-timo.ru/kontakty      http://joxi.ru/vAWzveYUkLOW72

Link to post
Share on other sites

уберите ширину вообще, и она растянется по ширине родителя

Edited by Demidovez
  • +1 1
Link to post
Share on other sites

Помогло!!! Спасибо . А в чем измеряется высота? height=584&amp , так то в пикселях , а тут не понятно . Просто хотел поставит высоту 100% что бы не растягивалась карта на телефоне до бесконечности , а скрипт после подстановки процентов перестаёт работать...?

Link to post
Share on other sites

11 минут назад, aka75 сказал:

А в чем измеряется высота? height=584&amp , так то в пикселях , а тут не понятно . Просто хотел поставит высоту 100% что бы не растягивалась карта на телефоне до бесконечности , а скрипт после подстановки процентов перестаёт работать...?

Нашел !!! Эта фигня &amp называется амперсанд. Но как с помощью этого менять параметр высоты пока неясно....

Edited by aka75
Link to post
Share on other sites

14 минут назад, aka75 сказал:

Помогло!!! Спасибо . А в чем измеряется высота? height=584&amp , так то в пикселях , а тут не понятно . Просто хотел поставит высоту 100% что бы не растягивалась карта на телефоне до бесконечности , а скрипт после подстановки процентов перестаёт работать...?

в пикселях, &amp - разделитель параметров

Link to post
Share on other sites

12 минут назад, Demidovez сказал:

в пикселях, &amp - разделитель параметров

А как тогда здесь подставлять параметры auto и %? Пробовал так   height=100%&amp и  height=auto&amp - не хочет работать...

Link to post
Share on other sites

4 минуты назад, aka75 сказал:

А как тогда здесь подставлять параметры auto и %? Пробовал так   height=100%&amp и  height=auto&amp - не хочет работать...

и не будет

яндекс дает не только в виде скрипта, но и iframe, а с ним уже проще

<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A43f1603ea7b319e205425601c0d81a042290ec7d525555246cd0aef54d46c04c&amp;source=constructor" style="width: 100%; height: 100%;" frameborder="0"></iframe>

Link to post
Share on other sites

2 минуты назад, Demidovez сказал:

и не будет

яндекс дает не только в виде скрипта, но и iframe, а с ним уже проще

<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A43f1603ea7b319e205425601c0d81a042290ec7d525555246cd0aef54d46c04c&amp;source=constructor" style="width: 100%; height: 100%;" frameborder="0"></iframe>

Понял , иду смотреть))) Спасибо за помощь!!!!

Link to post
Share on other sites

Подскажите, пожалуйста, а как указать в contact.tpl  две карты в зависимости от разрешения! Одна карта для мобильных устройств, вторая для мониторов!

 

Спасибо!

Edited by IgorC
Link to post
Share on other sites

16 минут назад, IgorC сказал:

Подскажите, пожалуйста, а как указать в contact.tpl  две карты в зависимости от разрешения! Одна карта для мобильных устройств, вторая для мониторов!

 

Спасибо!

<div class="visible-xs">

*карта видна на моб. устройствах*

</div>

<div class="hidden-xs">

*карта НЕ видна на моб. устройствах*

</div>

  • +1 1
Link to post
Share on other sites

18 минут назад, Demidovez сказал:

<div class="visible-xs">

*карта видна на моб. устройствах*

</div>

<div class="hidden-xs">

*карта НЕ видна на моб. устройствах*

</div>

Большое спасибо! Все отлично!

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.