Все готово!

Прежде чем приступить к разработке, ознакомьтесь с документацией для разработчиков.

Активация Google Maps JavaScript API

Чтобы помочь вам освоиться, мы покажем, как выполнить некоторые необходимые действия в консоли разработчика Google:

  1. Создание или выбор проекта
  2. Активация Google Maps JavaScript API и связанных служб
  3. Создание соответствующих ключей

Основные понятия

Разработка приложений для мобильных устройств

Google Maps JavaScript API разработан для быстрой загрузки и хорошей совместимости с мобильными устройствами. При создании этого API особое внимание было уделено разработке для современных мобильных устройств на платформах Android и iOS. Размер экрана мобильных устройств меньше, чем размер окна браузера на компьютере. Кроме того, мобильные устройства имеют свои специфические способы управления (например, "раздвинуть" экран пальцами для увеличения). Если вы хотите, чтобы ваше приложение хорошо работало на мобильных устройствах, мы рекомендуем следующее:

  • Для атрибутов ширины и высоты элемента <div>, содержащего карту, установите значение 100%. Однако следует отметить, что при этих значениях в некоторых старых браузерах для настольных ПК карты могут отображаться не самым оптимальным образом.
  • Вы можете определить устройства iPhone и Android, проверив значение свойства navigator.userAgent в DOM:
    function detectBrowser() {
      var useragent = navigator.userAgent;
      var mapdiv = document.getElementById("map");
    
      if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
        mapdiv.style.width = '100%';
        mapdiv.style.height = '100%';
      } else {
        mapdiv.style.width = '600px';
        mapdiv.style.height = '800px';
      }
    }
    

    Эта проверка позволяет настроить макет экрана приложения для разных устройств, как это было сделано в вышеприведенном примере, где мы изменяем размер экрана для каждого устройства.

  • Устройства Android и iOS поддерживают следующий тег <meta>:

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    

    Этот параметр указывает, что карта должна отображаться во весь экран, а ее размеры не могут быть изменены пользователем. Браузер Safari в смартфонах iPhone требует, чтобы этот тег <meta> был включен в элемент <head> на странице.

Дополнительную информацию по разработке для iPhone см. в документации для разработчиков Apple. Дополнительную информацию по разработке для Android см. в документации для разработчиков Android.

Локализация

Чтобы локализовать свое приложение Google Maps JavaScript API, измените настройки языка, используемого по умолчанию, и укажите код региона, после чего поведение карты будет изменено в зависимости от указанной страны или региона. Узнайте больше о локализации карты.

Определение версии

Команда разработчиков Google Maps JavaScript API регулярно обновляет API, добавляя в него новые функции, исправления ошибок и средства для повышения производительности. Вы можете указать в своем приложении желаемую версию API. Для этого нужно использовать параметр v в загрузочной строке Google Maps JavaScript API. Узнайте подробности об управлении версиями.

Оставить отзыв о...

Текущей странице
Google Maps JavaScript API
Google Maps JavaScript API
Нужна помощь? Обратитесь в службу поддержки.