База знаний
ProfiPages.net > Тикет система сервиса Profipages.net > База знаний

Как растянуть карту во всю ширину экрана

Решение

Видео-инструкция

 

Последовательность действий

Шаг 1.  Открываем дерево элементов, для поиска ID элемента карты.

Шаг 2.  Раскрываем список элементов (workspace).

Шаг 3.  Наводим курсор мыши на карту.

Шаг 4.  Ищем подсвеченный элемент в дереве, записываем его ID (в данном примере - obj_110).

Шаг 5.  Создаем элемент "HTML / JS" и вставляем в него код, приведенный ниже.

 

Код "растягивания" карты:

<script>
$(function(){
    if (is_ws_view)
    {
        var map = $('#MAPID');
        if (map.find('iframe').length)
        {
            $(window).resize(function(){
                if (!$(window).data('map-width') || $(window).data('map-width') != $(window).width())
                {
                    map.css({
                        left: (parseFloat(map.css('left')) - map.offset().left) + 'px',
                        width: $(window).width() + 'px',
                    })
                    .find('iframe').attr('width', $(window).width()).end();
                    $(window).data('map-width', $(window).width());
                }
            }).resize();
        }
    }
});
</script>

 

где,  MAPID  - ID карты (в данном примере - obj_110). Т.е.  var map = $('#MAPID');  будет выглядеть как  var map = $('#obj_110'); 

 

Результат "До" и "После":

 

 
Была ли эта статья полезной? ДА / НЕТ
Относящиеся статьи Как зафиксировать верхнее меню сайта
Как добавить карту Google Maps на сайт
Как работать с калькулятором
Как создать визуальный калькулятор
Детали статьи
Идентификатор статьи: 18
Категория: Knowledgebase
Дата добавления: 2016-03-11 16:02:35
Просмотры: 1952
Рейтинг (Голоса): Рейтинг статьи 4.0/5.0 (4)

 
« Назад

 
Powered by Help Desk Software HESK, brought to you by SysAid