Вступ до API для карт Google

Автор - команда Google Переклад: Saint_Byte

19 березня 2008 р

Основний елемент у будь-якому Google Карти API додаток - картка як така. Цей документ показує використання основного об'єкта Gmap2 та базові операції з картками.

«Привіт Мир» від Google

Ви можете подивитися цей приклад, завантажити для редагування та "погратися" з ним, але замініть у ньому ключ на власний ключ API карт. (Якщо ви зареєстрували ключ для конкретної директорії, то працюватимуть усі піддиректорії).

Навіть у цьому простому прикладі є 5 речей, які треба мати на увазі:

  1. Ми впровадили Java-скрипт з API карт, використовуючи тег script.
  2. Ми створили div елемент, який назвали "map_canvas" для розміщення карти.
  3. Ми написали Java-скрипт функцію створення об'єкта карти.
  4. Ми встановили центр карти на конкретну географічну точку.
  5. Ми ініціалізували об'єкт картки з тега body за подією onLoad.

Ці кроки пояснюються нижче.

Завантаження API Google карт

DOM елемент картки

У прикладі вище ми визначили назвали div елемент "map_canvas" і вказали його розміри, використовуючи атрибут style. Якщо ви не вкажіть розмір карти явно використовувавши GMapOptions в конструкторі, то карта передбачає використання розмірів контейнера як власний розмір.

GMap2 -Елементарний об'єкт

При створенні нового екземпляра об'єкта карти ви вказуєте DOM ноду на сторінці (зазвичай елемент DIV) як контейнер для карти. HTML ноди - нащадки Java-скриптогового об'єкта document , і ми отримуємо на посилання на цей елемент через document.getElementById() метод.

Цей код включає змінну (названу map) і надає цій змінній новий Gmap2 об'єкт. Функція GMap2() це конструктор, і вінвизначає(цитата для ясності з Довідки API Google Карт показане нижче.

Коментарі