Въведение в API на Google Maps
Написано от екипа на Google Преведено от Saint_Byte
19 март 2008 г
Основният елемент във всяко приложение API на Google Maps е самата карта. Този документ показва използването на основния обект Gmap2 и основните операции с картата.
„Hello World“ от Google Maps
Можете да разгледате този пример, да го изтеглите за редактиране и да си поиграете с него, но заменете ключа в него с вашия собствен API ключ за карти. (Ако сте регистрирали ключ за конкретна директория, всички поддиректории ще работят).
Дори в този прост пример има 5 неща, които трябва да имате предвид:
- Внедрихме Java скрипт с API на Карти, използвайки маркера скрипт.
- Създадохме div елемент, наречен "map_canvas", който да държи картата.
- Написахме функция на Java скрипт за създаване на обект на карта.
- Поставяме центъра на картата на определена географска точка.
- Инициализирахме обекта на картата от етикета body на събитието onLoad.
Тези стъпки са обяснени по-долу.
Изтеглете API на Google Maps
Карта DOM елемент
В примера по-горе нарекохме елемента div "map_canvas" и посочихме размерите му с помощта на атрибута style. Ако не посочите изрично размера на картата с помощта на GMapOptions в конструктора, тогава картата приема размера на контейнера като свой собствен размер.
GMap2 -Елементарен обект
Когато създавате нов екземпляр на обекта на картата, вие посочвате DOM възел на страницата (обикновено DIV елемент) като контейнер за картата. HTML възлите са деца на Java скрипт обекта document и ние получаваме препратка към този елемент чрез метода document.getElementById().
Този код включва променлива (с име map) и присвоява нов Gmap2 обект на тази променлива. Функцията GMap2() е конструктор и тядефинира (цитирайки за по-голяма яснота справката за API на Google Карти, показана по-долу.