Клуб API Карт

Динамическая загрузка региона в модальном окне

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

Здравствуйте!

Подскажите, пожалуйста... На странице есть ссылки наших регионов. Нужно, что бы при нажатии на ссылку региона, отображалось модальное окно с картой (скрипты уже есть). Тут проблема. Если все скрипты размещать на этой же странице, то она будет долго грузиться. А как это сделать динамически? Есть какие-нибудь решения?

 

Вот пример страницы: ornament-style.ru/test/index.html Она уже грузится долго, т.к., приходится загружать карты сразу.

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

Вы можете при клике на ссылку динамически вставлять в DOM-ноду модального окна тэг

Ааа, а можно пример какой-нибудь привести? Не сталкивался с этим еще просто, или где почитать?

Непонятно что у Вас за скрипты, и что за модальное окно, и как это должно работать.

А вот тут в примере: http://ornament-style.ru/test/index.html

Сверху ссылка на "Простое модальное окно".

Но там карта грузится сразу. А если много таких ссылок и скритов карт, то страница грузится долго.

Ну Вы в этот div модального окна вставляйте скрипт конструктора карты динамически, при клике на ссылку, а в документ изначально их не добавляйте

Сделал добавление скрипта динамически, но вместо карты отображается просто строка скрипта :( Кажется, вот еще немного и получится, но нет, чего-то не хватает (

вставляешь заэскейпленный

<script type="text/javascript"

поэтому и текст

Спасибо, разобрался:)

Мало ли, вдруг кому пригодится:

  function btnClick2(){
        $('#exampleModal12').arcticmodal();
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = '//api-maps.yandex.ru/services/constructor/1.0/js/?sid=vFrWZC8c3Y-zqTZyDt9EfWY3piFYxQ111width=600&height=450';
        document.getElementById('myMap').appendChild(script);
        script.onload = function () {
            run();
        };
    }

Модальные окна в общем случае имеют полный доступ к родительскому окну. И наоборот.