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

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

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

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

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

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

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

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

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

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

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

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

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

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

  3. В диалоговом окне, на вкладке «Стили Google» , выберите режим.

    • Свет создает светлую тематическую атмосферу, идеально подходящую для ярких или открытых пространств.
    • Dark создает темный стиль оформления, идеально подходящий для помещений с недостаточным освещением.

    Для получения дополнительной информации о светлом и темном режимах см. раздел «Узнайте о режимах и типах карт» .

  4. (Необязательно) Чтобы применить монохромный вариант к стилю карты, выберите «Монохромный» .

    В качестве альтернативы вы можете перейти на вкладку JSON , чтобы импортировать стиль карты в формате JSON .

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

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

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

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

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

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

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

Скопируйте стиль

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

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

  3. На странице стиля нажмите «Создать копию» .

  4. В диалоговом окне «Создать копию» введите новое имя стиля карты и, при необходимости, описание.

  5. (необязательно) Чтобы создать дополнительную версию скопированного стиля в светлом или темном режиме, установите флажок в разделе « Параметры режима стиля» .

  6. Нажмите « Сохранить ».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Редактировать : Нажмите «Настроить» .

  • Создать копию : Подробнее см. раздел «Копирование стиля» .

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

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

Используйте стилизацию и наборы данных на основе данных.

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

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

Для использования стилей, основанных на данных, или наборов данных со стилем «темного режима» в необходимо выполнить следующие действия в консоли Google Cloud:

  1. Перейдите в раздел «Стили карты» и выберите либо светлый стиль, либо создайте свой собственный .

  2. На странице сведений о стиле включите выбранные вами слои в режиме освещения.

  3. Свяжите стиль светлого режима с тем же идентификатором карты, что и стиль темного режима.

Привяжите свой стиль к идентификатору карты.

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

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

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

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

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

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

  5. (необязательно) Примените свой стиль к различным типам карт.

    По умолчанию ваш стиль применяется ко всем доступным типам карт ( roadmap , terrain , 2D hybrid , 3D hybrd , navigation ). Чтобы применить свой стиль к определенным типам карт, нажмите « Показать больше» установите флажок для каждого типа карты в списке как для светлого, так и для темного режимов. Чтобы вместо этого применить стиль карты Google по умолчанию для этого режима, снимите флажок для соответствующего типа карты.

    Для получения дополнительной информации о типах карт см. раздел «Узнайте о режимах и типах карт» .

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

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