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

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

Jleito

3 августа 2013, 14:15

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

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

21 комментарий

Авторизуйтесь, чтобы оставить комментарий

dimik

28 января 2016, 01:42

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

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

Jleito

28 января 2016, 01:42

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

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

dimik

28 января 2016, 01:42

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

Jleito

28 января 2016, 01:42

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

dimik

28 января 2016, 01:42

Дайте ссылку

Jleito

28 января 2016, 01:42

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

dimik

28 января 2016, 01:42

dimik@yandex.ru

Pavel Sonar

9 ноября 2017, 08:28

Jleito,

для панорамы к примеру так.
size=%2C420&l=stv" (перед % просто убрал значение)

ikosarakt

14 ноября 2018, 14:48

dimik,

а что такое "контейнер карты"?

dimik

14 ноября 2018, 17:36

ikosarakt,

Это DOM-нода, id которой вы передаёте в конструктор ymaps.Map

https://tech.yandex.ru/maps/doc/jsapi/2.1/quick-start/index-docpage/#create_map_container

ludosopher

4 октября 2019, 22:33

dimik,

Спасибо! Убрал ширину и высоту, и карта растянулась по площади контейнера.

nemo.tec

28 января 2016, 01:42

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

Anatol

28 января 2016, 01:42

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

Евгений

28 января 2016, 01:42

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

http://florist37.ru/contacts

miketti

14 марта 2018, 15:04

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

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