Сделать стартовой | Добавить в избранное
Здесь может быть Ваша реклама. Рекламное место сдается.
bmd-gr.3dn.ru - Найдется все!
BmD Grоup
Дизайн-студия BmD
Все для Web-мастера
Все для Photoshop
Все для компьютера
Все для игр
Клан BmD
Развлечения
Наши услуги
Сайт
Главная Контакты В избранное
Чтение RSS BmD Grоup

  • Навигация по сайту

    Есть ли у Вас сайт

    Проголосовало: 695

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

    Популярное

    Скоро здесь появятся баннеры наших партнеров. Если Вы хотите стать нашим партнером, зайдите на форум в раздел "баннерообмен".
    Powered by BealchMonD Group. BmD.3dn.ru

    РЕКЛАМА

    Свободное место для Вашей рекламы. По вопросам размещения рекламы на этом сайте пишите администратуру сайта (Bokoffi) или на форуме.

  • Организуем загрузку API Google Map по запросу

    Обычно API Карт Google  загружается вместе с содержанием страницы, что задается в теге script указанием источника кода. Но если карта не является важным элементом приложения или нужно уменьшить время загрузки страницы можно отложить загрузку JavaScript кода до момента, когда он действительно понадобится. С API Яндекс.Карт можно поступить аналогичным образом.

    Карты Google обеспечивают механизм динамической загрузки API тогда, когда она требуется. Таким образом ее не нужно загружать одновременно с содержанием страницы. Небольшой пример демонстрирует загрузку API после нажатия на соответствующую кнопку.

    Загружать какой-либо код сJavaScript с помощью тега script с сайта Google не нужно. Вместо этого мы используем кнопку.

    <input id="loadButton" onclick="loadAPI()" type="button" value="Load maps api" />

    Для загрузки API по нажатию кнопки создается тег script и устанавливается его свойство src.  Затем свойство добавляется к документу. Так загружается API Google AJAX, который требуется для загрузки других API Google.


    1function loadAPI()
    2{
    3    var script = document.createElement("script");
    4    script.src = "http://www.google.com/jsapi?key=YOUR_API_KEY_HERE&amp;callback=loadMaps";
    5    script.type = "text/javascript";
    6    document.getElementsByTagName("head")[0].appendChild(script);
    7}

    Нужно поменять ключ API Карт Google на ваш. (Получить ключ API Карт Google можно здесь)

    Важно: обратите внимание на код callback=loadMaps в script.src. В нем заключено все волшебство. Он сообщает, какая функция будет вызвана после окончания загрузки API Google AJAX. В нашем случае это будет функция loadMaps. Таким образом, ее нужно определить.


    1function loadMaps()
    2{
    3    //AJAX API загружен успешно. Теперь можно загружать другие API
    4    google.load("maps", "2", {"callback" : mapLoaded});
    5}

    Функция loadMaps использует метод load API Google AJAX API для загрузки нужного API. Мы загружаем "maps” версии "2″. И снова указываем возвратную функцию, которая будет вызываться после загрузки указанного API. Возвратная функция вызывается только при успешной загрузке API.


    01function mapLoaded()
    02{
    03    //Если мы оказались в данном месте кода, то API карт Google успешно загружен.
    04    //Теперь можно выводить карту на страницу
    05    if (GBrowserIsCompatible())
    06    {
    07        var map = new GMap2(document.getElementById("map_canvas"));
    08        map.setMapType(G_SATELLITE_MAP);
    09        map.setCenter(new GLatLng(28.631466106808542, 77.07853317260742), 5);
    10    }
    11}

    Вот и все!

    Динамическую загрузку можно использовать и с другими API.

  •  

  • Облако тэгов

    Designed by BmD Group
www.bmd-gr.3dn.ru ©2011
Designed by bmd-gr.3dn.ru
Сделать бесплатный сайт с uCoz