Как создавать и использовать стили карты

Выберите платформу: Android iOS Веб-служба JavaScript

Стиль карты — это набор визуальных настроек объектов карты, которые вы связываете с идентификатором карты. Затем вы ссылаетесь на идентификатор карты в коде приложения, чтобы отобразить настроенную карту.

Вы можете создать стиль карты до того, как у вас будет идентификатор карты; однако, чтобы использовать стиль, вы должны связать его с идентификатором карты. Чтобы использовать стиль карты, необходимо выполнить все следующие действия:

  1. Создайте и опубликуйте стиль карты . Подробности см. в разделах «Создание стиля» и «Публикация стиля» .

  2. Создайте идентификатор карты . Подробности см. в разделе Создание идентификатора карты .

  3. Свяжите стиль карты с идентификатором карты . Подробную информацию см. в разделе Связывание идентификатора карты со стилем карты .

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

Создать стиль карты

Создайте стиль карты, используя один из этих методов:

Создайте новый стиль

  1. В консоли Google Cloud перейдите в раздел «Стили карты» и при необходимости выберите проект.

  2. В разделе «Стили карты» нажмите «Создать стиль» .

  3. В диалоговом окне на вкладке «Стили Google» выберите один из следующих вариантов:

    • Light для создания стиля карты освещения, где типом карты является дорожная карта.
    • Dark для создания темного стиля карты, где тип карты — темная дорожная карта.
  4. (Необязательно) Чтобы применить монохромный вариант к стилю карты, выберите «Монохромный» .

    Синяя точка и синий кружок обозначают пользовательский стиль и родительский стиль.

  5. Выберите «Настроить» , чтобы создать новый стиль без названия.

  6. Выберите объекты карты и измените их стиль, чтобы создать нужный стиль карты.

    Рядом с объектами карты с пользовательскими стилями отображается сплошная синяя точка. Если вы настраиваете дочерний стиль, родительский стиль отображается синим кружком. Дополнительную информацию об иерархии стилей карт см. в разделе Общие сведения о наследовании и иерархии стилей карт .

  7. Нажмите Сохранить .

  8. В поле Сохранить и опубликовать стиль карты введите имя стиля и, при необходимости, описание, а затем нажмите Сохранить .

Стиль автоматически публикуется, и вы видите главную страницу нового стиля.

Дублирование стиля

  1. Перейдите в Стили карты и при необходимости выберите проект.

  2. Выберите один из существующих стилей.

  3. На странице стиля нажмите «Дублировать» .

  4. В поле Дублировать стиль карты введите новое имя карты и, при необходимости, описание.

  5. Нажмите Сохранить .

    Стиль автоматически публикуется, и вы можете увидеть главную страницу нового стиля. Свяжите его с идентификатором карты, чтобы использовать его для своих карт. Подробную информацию см. в разделе Связывание идентификатора карты со стилем карты .

  6. Если вы хотите изменить стиль, нажмите «Настроить» , внесите изменения и нажмите «Сохранить» .

Импортируйте стиль карты JSON

Альтернативно вы можете создать стиль карты, используя JSON. Информацию о том, какие свойства можно стилизовать с помощью JSON, см. в справочнике по стилям JSON .

  1. В консоли Google Cloud перейдите в раздел «Стили карты» и при необходимости выберите проект.

  2. В разделе «Стили карты» нажмите «Создать стиль» .

  3. В диалоговом окне выберите вкладку JSON .

  4. Вставьте действительный код стиля JSON в поле.

    • Если ваш JSON недействителен, появится предупреждение «Невозможно загрузить предварительный просмотр стиля».
    • Если ваш JSON действителен, вы увидите предварительный просмотр вставленного стиля и станет доступна синяя кнопка «Настроить» .
  5. Нажмите Настроить .

  6. Выберите объекты карты и просмотрите или измените их стиль по мере необходимости, чтобы создать нужный стиль карты. Рядом с объектами карты с пользовательскими стилями отображается сплошная синяя точка.

  7. Нажмите Сохранить .

  8. В поле Сохранить и опубликовать стиль карты введите имя стиля и, при необходимости, описание, а затем нажмите Сохранить .

Стиль автоматически публикуется, и вы видите главную страницу нового стиля.

Опубликовать стиль

Когда вы впервые создаете новый стиль карты, включая дублирование существующего стиля или импорт стиля JSON, этот первый экземпляр нового стиля карты автоматически публикуется. После этого вы можете сохранить изменения как черновик, а затем опубликовать их, когда вас устроят изменения.

  1. Внесите изменения в стиль карты или дублированный стиль карты, который вы хотите опубликовать. Подробности см. в разделе Изменение стиля .

  2. Пока вы все еще вносите изменения, нажмите «Сохранить» .

  3. Когда вы будете готовы опубликовать и опубликовать изменения для любых идентификаторов карт, использующих этот стиль карты, нажмите « Сохранить» , а затем нажмите «Опубликовать» .

Опубликованные и черновые стили карты

Опубликовано : опубликованный стиль карты доступен. Любые карты, использующие этот стиль карты, отображают его опубликованную версию.

Черновик : черновые версии стиля карты находятся в стадии разработки и не отображаются на картах, пока вы их не опубликуете.

Изменить стиль

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

  • Если вы хотите, чтобы изменения вступили в силу, как только вы будете готовы : нажмите «Настроить» и внесите изменения. Нажмите «Сохранить» , чтобы сохранить изменения как черновик, а затем нажмите «Опубликовать», когда будете готовы.

  • Если вы хотите сначала протестировать изменения в тестовой среде : вместо внесения изменений непосредственно в стиль карты сначала продублируйте стиль. Подробности см. в разделах Дублирование стиля и Тестирование обновлений стиля карты .

После создания стиля карты вы можете внести в него изменения на главной странице стиля любым из следующих способов:

  • Изменить : нажмите «Настроить» .

  • Дублировать . Подробности см. в разделе Дублирование стиля .

  • Переименовать : переименовать стиль карты.

  • Удалить : удалить стиль карты.

Свяжите свой стиль с идентификатором карты

Свяжите свой стиль с идентификатором карты, чтобы отобразить свой собственный стиль на своем веб-сайте и в приложении. С идентификатором карты может быть связан только один светлый стиль (тип дорожной карты) и один темный стиль (темный тип дорожной карты).

Чтобы изменить связанный стиль для идентификатора карты, выполните следующие действия в консоли Google Cloud:

  1. Перейдите в Управление картами и выберите идентификатор карты.

  2. В разделе Стили карты нажмите Изменить стиль, чтобы выбрать светлый или темный стиль карты.

    На панели отображаются только стили с типом карты дорожной карты для светлых стилей и только стили с типом темной карты плана для темных стилей.

  3. На панели выберите один из стилей, который нужно связать с этим идентификатором карты.

  4. Нажмите Готово .

  5. Нажмите «Сохранить» , чтобы применить все изменения.

Чтобы использовать стиль облачной карты, добавьте идентификатор карты в свое приложение .

Вы перемещаетесь по карте предварительного просмотра так же, как по любой карте Google:

  • Введите адрес или местоположение в поле «Искать адрес» .

  • Нажмите на компас, чтобы отцентрировать свое местоположение. Возможно, вам также придется предоставить разрешения на определение местоположения.

  • Перетащите, чтобы переместить карту.

  • Увеличьте или уменьшите масштаб, используя плюс (+) и минус (-).

Найдите объекты карты

Чтобы найти объект карты, который вы хотите стилизовать, вы можете использовать фильтр или инспектор карт.

Вы также можете развернуть и свернуть категории объектов карты, чтобы найти нужный объект карты. Просмотрите список объектов карты в разделе «Что можно стилизовать на карте» .

Фильтрация функций карты

Чтобы найти объекты карты с помощью фильтра, в разделе «Свойства карты» введите термин в поле «Фильтр» .

Если вы не можете найти объект на карте:

  • Не используйте множественное число. Все категории единичны.

  • Попробуйте использовать более общий термин для этой функции. Например, вместо «пиццерия» или «фаст-фуд» введите «ресторан».

  • Попробуйте использовать более широкую категорию, а затем изучите ее в поисках ближайшего объекта карты. Например, вместо «театр» введите «развлечения».

Проверка функций карты

Чтобы найти объекты карты с помощью инспектора карт, выполните следующие действия:

  1. Щелкните левой кнопкой мыши в любом месте карты, чтобы открыть инспектор карт в выбранной точке.

    Инспектор карт открывается над «Спейс-Нидл» и в этой точке щелчка перечисляет шесть объектов карты: ориентир, спортивное поле, бизнес-коридор, городской район, кустарник и фон.

  2. Выберите объект карты в Инспекторе карт, и соответствующая панель «Функции карты» развернется и отобразит элементы, которые вы можете настроить.

    Инспектор карт воды перечисляет функции воды и фоновой карты. Вода выбрана, и соответствующая панель элемента разворачивается, чтобы отобразить параметры настройки многоугольника и метки.