Введение в google api

    В этой статье я хотел бы дать обзор api, которые предоставляет google. Я не буду рассматривать все api и давать детальную инструкцию по их использованию, а расскажу только про те, которые считаю наиболее полезными, и дам примеры кодов с комментариями (примеры взяты из документации к api).

    Расскажу про:


    AJAX Libraries API

    С помощью этого api мы можем подключать к своим web-приложениям популярные на данный момент JavaScript библиотеки (jQuery, Prototype, MooTools, Dojo, Ext Core и другие). Так же AJAX Libraries API будeт загружать библиотеки, необходимые для api, которые будут представлены ниже.
    Пример использования AJAX Libraries API:

    // Скрипт самого api
    <script src="http://www.google.com/jsapi"></script>
    <script>
    // Загрузка библиотеки. В данном случае jquery версии 1.3.2
    google.load("jquery", "1.3.2");
    // Указываем Callback-функцию которая вызывается после загрузки библиотеки
    google.setOnLoadCallback(function() {
    alert($.browser.version);
    });
    </script>


    * This source code was highlighted with Source Code Highlighter.


    Документация к api здесь

    AJAX API языков

    AJAX API языков дает нам возможность перевести текст, а так же определить язык, на котором написан текст, используя при этом только javaScript.

    <html>
     <head>
      <script type="text/javascript" src="http://www.google.com/jsapi">
      </script>
      <script type="text/javascript">
      // Подключаем библеотеку language
      google.load("language", "1");

      google.setOnLoadCallback(function() {
       var text = document.getElementById("text").innerHTML;
       //Определяем язык и вызываем колбек функцию
       google.language.detect(text, function(result) {
        if (!result.error && result.language) {
         // Если нет ошибок и язык определен, переводим текст на русский
         google.language.translate(text, result.language, "ru",
                      function(result) {
          var translated = document.getElementById("translation");
          if (result.translation) {
           translated.innerHTML = result.translation;
          }
         });
        }
       });
      });

      </script>
     </head>
     <body>
      <div id="text">Hello world</div>
      <div id="translation"></div>
     </body>
    </html>


    * This source code was highlighted with Source Code Highlighter.



    Документация к api здесь

    Code Playground

    Приложение, с помощью которого мы можем выполнять наш JavaScript. Но прелесть Code Playground не в этом (лично для меня). Здесь представлено много полезных примеров. Например, именно отсюда я узнал, как использовать YouTube API (и ответил на вопрос, как сделать собственную шкуру для плеера с YouTube).

    Про все остальные библиотеки google можно почитать здесь
    Share post
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 2

      0
      Надо было написать более детальное «введение» ;)
      Например работа с api maps и youtube и т.п.
      Тогда успех топика был бы 100%
        0
        В следующих постах постараюсь написать более информативный обзор одного из api.

      Only users with full accounts can post comments. Log in, please.