Attribution requirements for the Places UI Kit

This topic provides attribution requirements for the Places UI Kit. For more Places UI Kit terms, see the Google Maps Platform Terms of Service.

Included Google Maps attribution

Google Maps attribution is included with Places UI Kit.

  • Don't remove included attribution regardless of where it is displayed. Don't alter, hide, or obscure the attribution and make sure it is easily visible against the background.
  • Always visually distinguish Google Maps Platform content from other content by using UI cues such as a border, background color, shadow, or sufficient white space.
  • When making visual modifications, you must adhere to the Google Maps attribution requirements. For details, see the following section.

Places UI Kit attribution example

Places UI Kit attribution example on a non-Google map

Required attribution applied to the Place Details compact component. On this non-Google map, the Google Maps attribution is clearly visible, and Google Maps Platform content is visually differentiated from other content.

Attribution should take the form of the Google Maps logo whenever possible. In cases where space is limited, the text Google Maps is acceptable. It must always be clear to end users which content is provided by Google Maps.

Left: Google Maps logo attribution, Right: Google Maps text attribution
Left: Google Maps logo attribution, Right: Google Maps text attribution

Logo attribution

Follow these requirements for using the Google Maps logo in your app or website.
Acceptable variations for Google Maps logo attribution
Acceptable variations for Google Maps logo attribution

Download Google Maps logos

Use the official Google Maps logo files. Download the logos below, and follow the guidelines in this section.

Download: google_logo_ui_kit.zip

When using the Google Maps logo, follow these guidelines.

  • Don't modify the logo in any way.
  • Maintain the aspect ratio of the logo to prevent distortion.
  • Use the outlined logo on a busy background, like a map or image.
  • Use the non-outlined logo on a plain background, like a solid color or subtle gradient.

Logo size specification

Follow these size specifications for the Google Maps logo:
  • Minimum logo height: 16dp
  • Maximum logo height: 19dp
  • Minimum logo clear space: 10dp on left, right and top, 5dp on the bottom

To learn about dp, see Pixel density on the Material Design website.

Google Maps logo showing minimum clear space and acceptable size range
Google Maps logo showing minimum clear space and acceptable size range

Logo accessibility

Follow these accessibility requirements for the Google Maps logo:
  • Maintain an accessible contrast between the logo and the background.
  • Include an accessibility label with the text Google Maps.
Unacceptable variations and accessibility issues for Google Maps logo attribution
Unacceptable variations and accessibility issues for Google Maps logo attribution

Text attribution

If the size of your interface does not support using the Google Maps logo, you can spell out Google Maps in text. Follow these guidelines:

Acceptable variations of the Google Maps text attribution
Acceptable variations of the Google Maps text attribution
  • Don't modify the text Google Maps in any way:
    • Don't change the capitalization of Google Maps
    • Don't wrap Google Maps onto multiple lines
    • Don't localize Google Maps into another language.
    • Prevent browsers from translating Google Maps by using the HTML attribute translate="no".
Unacceptable variations of the Google Maps text attribution
Unacceptable variations of the Google Maps text attribution

  • Style Google Maps text as described in the following table:

    Google Maps text-styling requirements
    Property Style
    Font family Roboto. Loading the font is optional.
    Fallback font family Any sans serif body font already used in your product or "Sans-Serif" to invoke the default system font
    Font style Normal
    Font weight 400
    Font color White, black (#1F1F1F), or gray (#5E5E5E). Maintain accessible (4.5:1) contrast against the background.
    Font size Minimum font size: 12sp
    Maximum font size: 16sp
    To learn about sp, see Font size units on the Material Design website.
    Letter spacing Normal

Example CSS

The following CSS renders Google Maps with the appropriate typographic style and color on a white or light background.

@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;
}

Visual requirements

Follow these requirements for the visual treatment of Google Maps attribution.

  • Position attribution near the top or bottom of the content, and within the same visual container. For a single line of content, attribution can be positioned to the right or left.

  • Visually distinguish Google Maps Platform content from other content by using UI cues such as a border, background color, shadow, or sufficient whitespace.

  • Don't misrepresent Google Maps by attributing it with non-Google Maps Platform content.
  • Ensure the attribution is always visible and legible. Never remove, hide, obscure, or modify it.

The following figures show examples of these visual requirements.

Example of Google Maps attribution positioned at the top, at the bottom, and to the side of the content
Example of Google Maps attribution positioned at the top, at the bottom, and to the side of the content

Example of three approaches to differentiating Google Maps content (the place rating) from other content
Example of three approaches to differentiating Google Maps content (the place rating) from other content

Don't obscure the Google Maps attribution or mix it with content from other sources
Don't obscure the Google Maps attribution or mix it with content from other sources