Руководство: как выделить сеть дорог

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

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

  1. Создайте и опубликуйте стиль карты, чтобы его можно было использовать.

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

  3. Добавьте идентификатор карты в код приложения или сайта, чтобы в них применялся выбранный стиль.

Шаг 1. Создайте и опубликуйте стиль карты

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

  1. Откройте консоль Google Cloud и перейдите на страницу Map Styles (Стили карты). При необходимости выберите или создайте проект.

  2. Выберите Create style (Создать стиль).

  3. Выберите Светлая.

  4. В нижней части диалогового окна выберите Настроить.

Настройте стиль дорожной сети

  1. В разделе Map Features (Объекты карты) разверните Infrastructure (Инфраструктура) и выберите Road network (Дорожная сеть).

  2. На панели "Стиль дорожной сети" выберите Polyline (Ломаная линия), затем Fill color (Цвет заливки) и откройте палитру.

  3. Выберите яркий цвет. Если изменить цвет, флажок Fill color (Цвет заливки) будет установлен автоматически.

  4. В разделе Stroke width (Толщина контура) установите значение 5 пкс.

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

    Стиль карты демонстрирует, как изменится цвет заливки дорог

Сохраните и опубликуйте стиль карты

  1. В правом верхнем углу экрана нажмите Save (Сохранить).

  2. В диалоговом окне Save and publish map style (Сохранение и публикация стиля карты) введите название стиля и, при желании, описание.

  3. Нажмите Save (Сохранить). Стиль будет сохранен и опубликован.

    Страница сохранения и публикации

Шаг 2. Создайте идентификатор карты и свяжите его со стилем

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

Создайте идентификатор карты

  1. В консоли Google Cloud выберите Map Management (Управление картами).

  2. В верхней части экрана нажмите Создать идентификатор карты.

    Кнопка Create map ID (Создать идентификатор карты)

  3. Введите название и, при желании, описание идентификатора карты.

  4. Выберите тип карты с учетом того, где вы будете использовать стиль.

    Выбор типа карты на странице идентификатора карты

  5. Нажмите Save (Сохранить) в нижней части страницы. Идентификатор карты создан.

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

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

    Выбор стилей для идентификатора карты

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

    Выберите стиль карты для светлой темы

  3. Нажмите Сохранить. Вы связали идентификатор карты со стилями.

Шаг 3. Добавьте идентификатор карты в код сайта или приложения

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

Подробнее о том, как добавить идентификатор карты…

Что дальше

Вы можете попробовать следующее:

  • Измените стиль Чтобы изменить стиль карты и опубликовать его, ознакомьтесь со статьей Как изменить стиль.

  • Узнайте, как стиль применяется к разным типам карт. Подробнее о режимах и типах карт…

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

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

  • Используйте иерархию объектов, чтобы эффективно применять нужные стили. Например, вы можете настроить стиль для одного из верхних уровней иерархии Natural>Land (Природные объекты > Земля), и все подчиненные объекты унаследуют этот стиль. После этого вы можете применить собственный стиль только к тем дочерним объектам карты, которые должны выглядеть иначе. Подробнее о наследовании и иерархии стилей карт…