Стиль интерфейса платформы Google Карт скоро изменится. Будет обновлена стандартная цветовая палитра, а сами карты станут удобнее. Все стили карт автоматически обновятся в марте 2025 г. Дополнительные сведения о доступности этих изменений и о том, как включить их раньше, приведены в статье Новый стиль карты для платформы Google Maps.
Вы можете применить индивидуальный стиль с помощью встроенных объявлений стиля JSON к следующему:
Карта по умолчанию.
Типы карт, между которыми пользователь может переключаться в пределах одного фрейма карты.
Укажите стили для объектов
Чтобы применить стили к различным объектам и элементам карты, создайте массив объектов MapTypeStyle , которые определяют, как должна быть стилизована карта.
Массив принимает следующий вид:
var stylesArray = [
{
featureType: '',
elementType: '',
stylers: [
{color: ''},
{visibility: ''},
// Add any stylers you need.
]
},
{
featureType: '',
// Add the stylers you need.
}
]
Ниже показан пример карты по умолчанию, оформленной с использованием светлого текста и значков на темном фоне (т. е. темный режим). Чтобы просмотреть пример кода, перейдите в раздел «Стилизованные карты — пример кода ночного режима» .
Чтобы изменить стили карты по умолчанию, установите для свойства styles карты в объекте MapOptions свой массив стилей, если:
Создание своей карты.
Или при вызове метода Map.setOptions .
Изменения надписей и дорог влияют на все типы карт, включая карты местности, спутники, гибридные карты и типы дорожных карт по умолчанию.
Применение стилей к типу карты
Ниже показан добавленный тип карты под названием «Стилизованная карта» в элементе управления в левом верхнем углу карты. Чтобы просмотреть пример кода, перейдите в раздел «Стилизованные типы карт» .
Чтобы создать тип стилизованной карты, задайте для массива стилей объект StyledMapType . Создание нового типа карты со стилем не влияет на стиль типов карт по умолчанию.
[[["Прост для понимания","easyToUnderstand","thumb-up"],["Помог мне решить мою проблему","solvedMyProblem","thumb-up"],["Другое","otherUp","thumb-up"]],[["Отсутствует нужная мне информация","missingTheInformationINeed","thumb-down"],["Слишком сложен/слишком много шагов","tooComplicatedTooManySteps","thumb-down"],["Устарел","outOfDate","thumb-down"],["Проблема с переводом текста","translationIssue","thumb-down"],["Проблемы образцов/кода","samplesCodeIssue","thumb-down"],["Другое","otherDown","thumb-down"]],["Последнее обновление: 2024-11-21 UTC."],[],[]]