2015-05-10
261
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
Карту представляет класс JavaScript Map. Объекты этого класса определяют одну карту на странице. (Можно создать несколько экземпляров этого класса.При этом каждый объект будет определять отдельную карту на странице.) Экземпляр этого класса создается с помощью оператора JavaScript new.
При создании нового экземпляра карты указывается элемент HTML <div> на странице, выступающий в качестве контейнера для карты. HTML-узлы являются потомками объекта JavaScript document. Ссылку на этот элемент можно получить с помощью метода document.getElementById().
В данном коде определяется переменная (с именем map), которая назначается новому объекту Map, при этом передаются параметры, определенные в литерале объектаmapOptions. Эти параметры используются для инициализации свойств карты. Далее показано определение функции Map(), являющейся конструктором:
| Конструктор | Описание |
| Map(mapDiv:Node, opts?: MapOptions) | На основе переданных параметров (необязательных) создается новая карта внутри заданного HTML-контейнера, обычно являющегося элементом DIV. |
Загрузка карты
|
|
|
<bodyonload="initialize()">
В процессе визуализации HTML-страницы формируется модель объекта документа (DOM), принимаются все внешние изображения и скрипты, и встраиваются в объектdocument. Чтобы карта помещалась на страницу только после полной загрузки последней, достаточно выполнить функцию, создающую объект Map незамедлительно после получения события onload элементом <body> HTML-страницы. Такой прием позволяет избежать непредсказуемого поведения и расширить возможности управления процессом и моментом построения карты.
Атрибут onload тега body является примером обработчика событий. JavaScript API Google Карт предоставляет также набор событий, обрабатывая которые можно узнавать об изменениях состояния.
