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

Выберите платформу: Android iOS JavaScript Web Service

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

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

  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. Когда вы будете готовы опубликовать изменения и применить их ко всем идентификаторам карт, использующим этот стиль карты, нажмите « Сохранить» , а затем нажмите «Опубликовать» .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Увеличивайте или уменьшайте масштаб с помощью кнопок «плюс» (+) и «минус» (-).

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

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

Вы также можете развернуть и свернуть категории объектов карты, чтобы найти нужный вам объект карты. Просмотрите список объектов карты на странице What you can style on a map .

Фильтровать возможности карты

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

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

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

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

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

Осмотрите особенности карты

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

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

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

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

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