Javascript Документация
Даже в этом простом примере следует отметить ряд моментов:
- Приложение декларируется в формате HTML5 с использованием декларации .
- Для хранения карты создается элемент div с именем "map".
- Определяется функция JavaScript, которая создает карту в элементе div.
- С помощью тега script загружается код Maps API JavaScript.
Более подробное описание этих шагов приведено ниже.
Декларирование приложения в формате HTML5
Мы рекомендуем декларировать тип DOCTYPE внутри веб-приложения. В приведенных примерах мы декларируем для приложений тип HTML5, используя простую декларацию HTML5 DOCTYPE, как показано ниже:
Большинство современных браузеров используют стандартный режим визуализации для контента, декларируемого с использованием этого типа DOCTYPE. Благодаря этому приложение будет совместимо с большим количеством браузеров. Тип DOCTYPE предусматривает возможность ограничения функциональности, и браузеры, которые его не поддерживают, будут его игнорировать и отображать контент в режиме совместимости.
Некоторые стили CSS, работающие в режиме совместимости, не работают в стандартном режиме. В частности, все размеры, выраженные в процентах, должны наследоваться от родительских элементов блоков. Если для любого из этих родительских элементов размер не указан, предполагается, что они имеют размер 0 x 0 пикселей. Поэтому мы используем следующую декларацию :
Эта декларация CSS указывает, что контейнер карты (с идентификатором map) должен занимать до 100% высоты тела HTML. Следует отметить, что мы также должны явно декларировать эти процентные величины для частей и .
Загрузка Google Maps API
URL-адрес в теге script указывает место расположения файла JavaScript, который загружает все символы и определения, необходимые для использования Google Maps API. Этот тег script является обязательным.
Атрибут async позволяет браузеру выводить на экран остальную часть сайта во время загрузки Maps API. Когда API готов к работе, он вызывает функцию, указанную в параметре callback.
Source: developers.google.com