Карта гугл мапс, которая растягивается по ширине

[masterf]

Всем привет! умею делать фото, растягиваемые по ширине экрана, умею вставлять карты гугл мапс на сайт, но вот карту растягиваемую по ширине делать не получается. подскажите, как сделать так:

http://www.rmdstudio.com/contact/

[Alex]

Достаточно все свои вопросы задать в одной теме, так что множество ваших тем удалил.

[gladiolus0707]

Всем привет! умею делать фото, растягиваемые по ширине экрана, умею вставлять карты гугл мапс на сайт, но вот карту растягиваемую по ширине делать не получается. подскажите, как сделать так:

http://www.rmdstudio.com/contact/

В коде прописать 100% ширина. Эта тема есть на форуме, воспользуйтесь поиском

[masterf]

Достаточно все свои вопросы задать в одной теме, так что множество ваших тем удалил.

Я думал правильнее разные вопросы разбросать по разным тема, потом другим удобнее будет искать

[Alex]

Очень много сообщений будет тогда, лучше в одной теме всё обсудить, если не касается других разделов, допустим форм...

[masterf]

Всем привет! умею делать фото, растягиваемые по ширине экрана, умею вставлять карты гугл мапс на сайт, но вот карту растягиваемую по ширине делать не получается. подскажите, как сделать так:

http://www.rmdstudio.com/contact/

В коде прописать 100% ширина. Эта тема есть на форуме, воспользуйтесь поиском

Не могу найти((

[gladiolus0707]

Код который берёте с гугл карт в нём есть значение ширины и высоты

[masterf]

Код который берёте с гугл карт в нём есть значение ширины и высоты

сделал так, не работает

Код: Выделить всё

iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d17467.932816083623!2d60.55834955711355!3d56.820354760064!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x43c16f02cf108ddd%3A0xc4cb3c5b85f498bc!2z0JHQtdC70L7RgNC10YfQtdC90YHQutCw0Y8g0YPQuy4sIDksINCV0LrQsNGC0LXRgNC40L3QsdGD0YDQsywg0KHQstC10YDQtNC70L7QstGB0LrQsNGPINC-0LHQu9Cw0YHRgtGM!5e0!3m2!1sru!2sru!4v1401993289618" width="100%" height="300" frameborder="0" style="border:0"></iframe>

[Конструкторщик]

У меня все работает.
Перед iframe поставить надо открывающую скобку <

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d17467.932816083623!2d60.55834955711355!3d56.820354760064!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x43c16f02cf108ddd%3A0xc4cb3c5b85f498bc!2z0JHQtdC70L7RgNC10YfQtdC90YHQutCw0Y8g0YPQuy4sIDksINCV0LrQsNGC0LXRgNC40L3QsdGD0YDQsywg0KHQstC10YDQtNC70L7QstGB0LrQsNGPINC-0LHQu9Cw0YHRgtGM!5e0!3m2!1sru!2sru!4v1401993289618" width="100%" height="300" frameborder="0" style="border:0"></iframe>

[masterf]

Скопировал с вашего кода со скобкой, ничего не выходит

[Конструкторщик]

Скопировал с вашего кода со скобкой, ничего не выходит

[Mavik]

Сделай прозрачный слой на шире страницы на 50рх и высотой 320рх.
В настройках слоя поставь:
"Якорный слой" и галочки везде, кроме "Верхний якорь".
"Избыток" - "Скрытый".
"Выравнивание" - "Разтяжимое содержимое"
Потом в этот слой вложи, посредством инструмента "HTML" код Конструкторщика

Код: Выделить всё

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d17467.932816083623!2d60.55834955711355!3d56.820354760064!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x43c16f02cf108ddd%3A0xc4cb3c5b85f498bc!2z0JHQtdC70L7RgNC10YfQtdC90YHQutCw0Y8g0YPQuy4sIDksINCV0LrQsNGC0LXRgNC40L3QsdGD0YDQsywg0KHQstC10YDQtNC70L7QstGB0LrQsNGPINC-0LHQu9Cw0YHRgtGM!5e0!3m2!1sru!2sru!4v1401993289618" width="100%" height="300" frameborder="0" style="border:0"></iframe>

Ширина инструмента "HTML" должна быть равной странице и высотой 300рх. и 1 рх от начала страницы (в слое!). Когда вложишь, то уменьши слой до ширины страницы.
Получится что-то такое: http://mavik.vv.si/26/

[Eqzar]

Сделай прозрачный слой на шире страницы на 50рх и высотой 320рх.
В настройках слоя поставь:
"Якорный слой" и галочки везде, кроме "Верхний якорь".
"Избыток" - "Скрытый".
"Выравнивание" - "Разтяжимое содержимое"
Потом в этот слой вложи, посредством инструмента "HTML" код Конструкторщика

Код: Выделить всё

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d17467.932816083623!2d60.55834955711355!3d56.820354760064!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x43c16f02cf108ddd%3A0xc4cb3c5b85f498bc!2z0JHQtdC70L7RgNC10YfQtdC90YHQutCw0Y8g0YPQuy4sIDksINCV0LrQsNGC0LXRgNC40L3QsdGD0YDQsywg0KHQstC10YDQtNC70L7QstGB0LrQsNGPINC-0LHQu9Cw0YHRgtGM!5e0!3m2!1sru!2sru!4v1401993289618" width="100%" height="300" frameborder="0" style="border:0"></iframe>

Ширина инструмента "HTML" должна быть равной странице и высотой 300рх. и 1 рх от начала страницы (в слое!). Когда вложишь, то уменьши слой до ширины страницы.
Получится что-то такое: http://mavik.vv.si/26/

День добрый!
Сделал все по порядку - ничего не вышло. На месте карты - пусто.
Пробовал играться с параметрами, менять, отключать, включать поочередно - она вообще не появляется пока не убрать якорный режим. Наверняка где-то элементарно упустил мелочь, но где - не знаю.
WB9.1


1.


2.


3.


4.

[Mavik]

Значит что-то делаешь не так!
Попробуй поменять режим на "Плавающий".
Размер: Плавающий - Полная ширина
Смотри и качай пример
http://mavik.vv.si/27/

[Eqzar]

Да это как бы очевидно что что-то неправильно.
Плавающий слой уплывает в верхний угол страницы.
Перепробовал еще раз - не выходит. Скачать пример нельзя, выдает код.

Проблема собственно в чем. Вручную, если бы сам верстал без ВБ - уже б давно все поставил, но сейчас надо как-то это сделать именно через прогу.
http://tochki.zizor.by/ в самом низу карта должна быть. Если по коду кто-то понимает, что не так по ВБ сделано - был бы премного благодарен.

Для закрепления:
1. Создать слой шире страницы на 50px и высотой 320px
2. В свойствах установить:
- Избыток: Скрытый
- Якорный слой: Левый, нижний, правый
- Выравнивание: Растяжимое содержимое
- Фон: Прозрачный
3. Внутри слоя разместить блок HTML:
- ширина равна ширине страницы
- высота 300px
- отступ от левого края - 1px
4. Вставить в HTML код карты с изменной шириной на 100%
5. Сжать слой под картой по ширине, до ширины страницы
Отдельно по шагам - все верно?

[Mavik]

Всё нормально качается.
И все шаги правильные.
Поставь режим "Плавающий" и размер "Полная ширина"
Верхний край - 12680 (например) укажи нужное расстояние от начала страницы.

[Eqzar]

Работает. Спасибо большое!

[Lakai]

А как Яндекс карту вставить? Гугл получается, а Яндекс нет! Так какую то другую часть кода надо вставить? Уже все перепробовал, помогите?

Вот код от Яндекса <script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=pFPvLPKRTDqTOvPcjM3PzSPY0WDluRmC&width=600&height=450"></script>

Адрес: г. Москва, ул. Народного Ополчения, д. 34, корпус 3

[gladiolus0707]

А как Яндекс карту вставить? Гугл получается, а Яндекс нет! Так какую то другую часть кода надо вставить? Уже все перепробовал, помогите?

Вот код от Яндекса <script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=pFPvLPKRTDqTOvPcjM3PzSPY0WDluRmC&width=600&height=450"></script>

Адрес: г. Москва, ул. Народного Ополчения, д. 34, корпус 3

Вставляется точно так же