Клуб API Карт

Карта 100% по ширине и высоте

Пост в архиве.

Здравствуйте. Хочу вставить на сайт готовую карту из раздела конструктор карт, как указать параметры ширины и высоты в 100%?

 

<script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=BLABLABLABLABLABLA_BLABLA&width=600&height=450"></script>

 

По умолчанию 600 на 450, как поменять параметры?

18 комментариев

Читаем документацию

 

  • width - ширина карты в пикселях (если не задана, растягивается на всю ширину родительского контейнера);
  • height - высота карты в пикселях (если не задана, растягивается на всю высоту родительского контейнера);

а что значит не задана?

 

 

вот так - не работает, как правильно-то убрать?

а какие размеры у вашего контейнера карты?

750 на 180, но контейнер адаптинвый

Дайте ссылку

А как личное сообщение отправить? :-(

Jleito,
для панорамы к примеру так.
size=%2C420&amp;l=stv" (перед % просто убрал значение)
dimik,
а что такое "контейнер карты"?
ikosarakt,
Это DOM-нода, id которой вы передаёте в конструктор ymaps.Map


https://tech.yandex.ru/maps/doc/jsapi/2.1/quick-start/index-docpage/#create_map_container
dimik,
Спасибо! Убрал ширину и высоту, и карта растянулась по площади контейнера.

У меня получилось, когда выставил "width=-1"

(+1) помогло, спасибо!

Хэлп! Люди подскажите! Как сделать на всю ширину страницы карту?

http://florist37.ru/contacts

 

можно использовать iframe-версию карты и растянуть iframe c помощью style="height:100vh;"


<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A860cf4d83dac9a58d0f27938b7273daf2ec05b20b83ef6b903b8a6663742162a&amp;source=constructor" width="100%" height="400" style="height:100vh;" frameborder="0"></iframe>
<div id="Layer1" style="position:absolute;text-align:left;left:0px;top:своя позицияpx;width:100%;height:174px;z-index:0;">
<script         скопировать с яндекса                 </script>
</div>
<div style="position:absolute;width:100%;height:100%;">
<script>Получить код карты и удалить в нем параметры width и height</script>
</div>
lexmosolov,
Самое правильное решение!
С iframe так же работает (не забыть почистить стили в нём и размеры).