Помощь Joomla



Javascript Документация

Начало работы | Google Maps Javascript API  Ноябрь 13, 2016 – 13:23

Даже в этом простом примере следует отметить ряд моментов:

  1. Приложение декларируется в формате HTML5 с использованием декларации .
  2. Для хранения карты создается элемент div с именем "map".
  3. Определяется функция JavaScript, которая создает карту в элементе div.
  4. С помощью тега 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

Похожие публикации:

  1. Javascript Скрипты
  2. Javascript Учебник Онлайн
  3. Javascript для Новичков
  4. Javascript Основы