Правила атрибуции текста Grounding Lite

На этой странице приведены требования к авторству и рекомендации по отображению контента Grounding Lite в ваших приложениях.

Отображение атрибуции Google Карт

При отображении контента Grounding Lite в вашем приложении или на веб-сайте необходимо соблюдать требования Google Maps к указанию источника. Вам не нужно добавлять дополнительную атрибуцию, если контент отображается на Google Maps, где указание источника уже видно.

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

Слева: указание логотипа Google Maps, справа: указание текста Google Maps
Слева: указание логотипа Google Maps, справа: указание текста Google Maps

Атрибуция логотипа

Соблюдайте следующие требования при использовании логотипа Google Maps в вашем приложении или на веб-сайте.

Допустимые варианты атрибуции логотипа Google Maps
Допустимые варианты атрибуции логотипа Google Maps

Загрузить логотипы Google Maps

Используйте официальные файлы логотипов Google Карт. Загрузите логотипы ниже и следуйте инструкциям в этом разделе.

Загрузите ресурсы атрибуции Google Maps

При использовании логотипа Google Maps следуйте этим рекомендациям.

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

Спецификация размера логотипа

Соблюдайте следующие требования к размерам логотипа Google Maps:

  • Минимальная высота логотипа: 16dp
  • Максимальная высота логотипа: 19dp
  • Минимальное свободное пространство для логотипа: 10dp слева, справа и сверху, 5dp снизу.

Чтобы узнать больше о dp, ознакомьтесь с разделом Плотность пикселей на сайте Material Design.

Логотип Google Maps с указанием минимального свободного пространства и допустимого диапазона размеров
Логотип Google Maps с указанием минимального свободного пространства и допустимого диапазона размеров

Доступность логотипа

Соблюдайте следующие требования доступности для логотипа Google Maps:

  • Поддерживайте понятный контраст между логотипом и фоном.
  • Добавьте метку доступности с текстом Google Maps .
Неприемлемые вариации и проблемы доступности при указании логотипа Google Maps
Неприемлемые вариации и проблемы доступности при указании логотипа Google Maps

Атрибуция текста

Если размер вашего интерфейса не позволяет разместить логотип Google Maps, вы можете написать название Google Maps прописью. Следуйте этим рекомендациям:

Допустимые варианты атрибуции текста Google Maps
Допустимые варианты атрибуции текста Google Maps
  • Не изменяйте текст Google Maps каким-либо образом:
    • Не меняйте заглавные буквы в Google Картах
    • Не разбивайте Google Maps на несколько строк
    • Не локализуйте Google Maps на другой язык.
    • Запретите браузерам переводить Google Maps с помощью HTML-атрибута translate="no" .
Неприемлемые варианты атрибуции текста Google Maps
Неприемлемые варианты атрибуции текста Google Maps
  • Оформите текст Google Maps, как описано в следующей таблице:

    Требования к оформлению текста в Google Maps
    Свойство Стиль
    Семейство шрифтов Roboto . Загрузка шрифта необязательна.
    Резервное семейство шрифтов Любой шрифт без засечек, который уже используется в вашем продукте, или «Sans-Serif» для вызова системного шрифта по умолчанию
    Стиль шрифта Нормальный
    Насыщенность шрифта 400
    Цвет шрифта Белый, чёрный (#1F1F1F) или серый (#5E5E5E). Сохраняйте приемлемый (4,5:1) контраст с фоном.
    Размер шрифта Минимальный размер шрифта: 12 пт.
    Максимальный размер шрифта: 16 пт.
    Информацию о sp см. в разделе Единицы размера шрифта на сайте Material Design.
    Межбуквенный интервал Нормальный

Пример CSS

Следующий CSS-код отображает Google Maps с соответствующим типографским стилем и цветом на белом или светлом фоне.

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.GMP-attribution {
font-family: Roboto, Sans-Serif;
font-style: normal;
font-weight: 400;
font-size: 1rem;
letter-spacing: normal;
white-space: nowrap;
color: #5e5e5e;
}