New map styling is coming soon to Google Maps Platform. This update to map styling includes a new default color palette and improvements to map experiences and usability. All map styles will be automatically updated in March 2025. For more information on availability and how to opt in earlier, see New map style for Google Maps Platform.
Вы можете применить индивидуальный стиль с помощью встроенных объявлений стиля JSON к следующему:
Карта по умолчанию.
Типы карт, между которыми пользователь может переключаться в пределах одного фрейма карты.
Указание стилей для объектов
Чтобы применить стили к различным объектам и элементам карты, создайте массив объектов MapTypeStyle , которые определяют, как должна быть стилизована карта.
Массив принимает следующий вид:
var stylesArray = [
{
featureType: '',
elementType: '',
stylers: [
{color: ''},
{visibility: ''},
// Add any stylers you need.
]
},
{
featureType: '',
// Add the stylers you need.
}
]
Список всех доступных значений для featureType , elementType и stylers см. в справочнике по стилям JSON .
Ниже показан пример карты по умолчанию, оформленной с использованием светлого текста и значков на темном фоне (т. е. темный режим). Чтобы просмотреть пример кода, перейдите в раздел «Стилизованные карты — пример кода для ночного режима» .
Чтобы изменить стили карты по умолчанию, установите для свойства styles карты в объекте MapOptions свой массив стилей, если:
Создание своей карты.
Или при вызове метода Map.setOptions .
Изменения надписей и дорог влияют на все типы карт, включая карты местности, спутники, гибридные карты и типы дорожных карт по умолчанию.
Применение стилей к типу карты
Ниже показан добавленный тип карты под названием «Стилизованная карта» в элементе управления в левом верхнем углу карты. Чтобы просмотреть пример кода, перейдите в раздел «Стилизованные типы карт» .
Чтобы создать тип стилизованной карты, задайте для массива стилей объект StyledMapType . Создание нового типа карты со стилем не влияет на стиль типов карт по умолчанию.