Requisitos de atribuição para o Kit de interface do Google Places

Este tópico apresenta os requisitos de atribuição para o kit de interface do Places. Para conferir mais termos do kit de interface do Places, consulte os Termos de Serviço da Plataforma Google Maps.

Atribuição do Google Maps incluída

A atribuição do Google Maps está incluída no kit de interface do Places.

• Não remova a atribuição incluída, independentemente de onde ela aparece. Não altere, oculte nem obscureça a atribuição. Ela precisa ser facilmente visível no plano de fundo.
• Sempre diferencie visualmente o conteúdo da Plataforma Google Maps de outros conteúdos usando dicas de interface, como borda, cor de plano de fundo, sombra ou espaço em branco suficiente.
• Ao fazer modificações visuais, você precisa seguir os requisitos de atribuição do Google Maps. Confira mais detalhes na próxima seção.

Exemplo de atribuição do Kit de Interface do Places

Atribuição obrigatória aplicada ao componente compacto do Place Details. Nesse mapa que não é do Google, a atribuição do Google Maps está claramente visível, e o conteúdo da Plataforma Google Maps é visualmente diferenciado de outros conteúdos.

Requisitos de atribuição do Google Maps

A atribuição precisa ter o formato do logotipo do Google Maps sempre que possível. Em casos de espaço limitado, o texto Google Maps é aceitável. É preciso deixar claro para os usuários finais qual conteúdo é fornecido pelo Google Maps.

À esquerda: atribuição do logotipo do Google Maps. À direita: atribuição de texto do Google Maps

Atribuição de logotipo

Siga estes requisitos para usar o logotipo do Google Maps no seu app ou site.

Variações aceitáveis para a atribuição do logotipo do Google Maps

Fazer o download dos logotipos do Google Maps

Use os arquivos oficiais do logotipo do Google Maps. Faça o download dos logotipos abaixo e siga as diretrizes desta seção.

Download: google_logo_ui_kit.zip

Ao usar o logotipo do Google Maps, siga estas diretrizes.

• Não modifique o logotipo de nenhuma forma.
• Mantenha a proporção do logotipo para evitar distorções.
• Use o logotipo delineado em um plano de fundo cheio, como um mapa ou uma imagem.
• Use o logotipo sem contorno em um fundo simples, como uma cor sólida ou um gradiente sutil.

Especificação do tamanho do logotipo

Siga estas especificações de tamanho para o logotipo do Google Maps:

• Altura mínima do logotipo:16 dp
• Altura máxima do logotipo:19 dp
• Espaço mínimo do logotipo:10 dp à esquerda, à direita e na parte de cima, 5 dp na parte de baixo

Para saber mais sobre dp, consulte Densidade de pixels no site do Material Design.

Logotipo do Google Maps mostrando o espaço mínimo limpo e a faixa de tamanho aceitável

Acessibilidade do logotipo

Siga estes requisitos de acessibilidade para o logotipo do Google Maps:

• Mantenha um contraste acessível entre o logotipo e o plano de fundo.
• Inclua um rótulo de acessibilidade com o texto Google Maps.

Variações inaceitáveis e problemas de acessibilidade para a atribuição do logotipo do Google Maps

Atribuição de texto

Se o tamanho da sua interface não permitir o uso do logotipo do Google Maps, você pode escrever Google Maps em texto. Siga as seguintes diretrizes:

Variações aceitáveis da atribuição de texto do Google Maps

• Não modifique o texto Google Maps de nenhuma forma:
  
  • Não mude a maiúscula do Google Maps
  • Não use o Google Maps em várias linhas
  • Não localize o Google Maps em outro idioma.
  • Impeça que os navegadores traduzam o Google Maps usando o atributo HTML translate="no".

Variações inaceitáveis da atribuição de texto do Google Maps

• Estilize o texto do Google Maps conforme descrito na tabela a seguir:

  Requisitos de estilo de texto do Google Maps
  Propriedade	Estilo
  Família de fontes	Roboto. O carregamento da fonte é opcional.
  Família de fontes substituta	Qualquer fonte sem serifa já usada no produto ou "Sans-Serif" para invocar a fonte padrão do sistema
  Estilo da fonte	Normal
  Espessura da fonte	400
  Cor da fonte	Branco, preto (#1F1F1F) ou cinza (#5E5E5E). Mantenha o contraste (4,5:1) acessível em relação ao plano de fundo.
  Tamanho da fonte	Tamanho mínimo da fonte: 12sp Tamanho máximo da fonte: 16sp Para saber mais sobre sp, consulte Unidades de tamanho da fonte no site do Material Design.
  Espaçamento entre letras	Normal

CSS de exemplo

O CSS a seguir renderiza o Google Maps com o estilo tipográfico e a cor adequados em um segundo plano branco ou claro.

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

Requisitos visuais

Siga estes requisitos para o tratamento visual da atribuição do Google Maps.

• Posicione a atribuição perto da parte de cima ou de baixo do conteúdo e dentro do mesmo contêiner visual. Para uma única linha de conteúdo, a atribuição pode ser posicionada à direita ou à esquerda.

• Diferencie visualmente o conteúdo da Plataforma Google Maps de outros conteúdos usando dicas de interface, como borda, cor de plano de fundo, sombra ou espaço em branco suficiente.

• Não distorça o Google Maps atribuindo a ele conteúdo que não é da Plataforma Google Maps.
• A atribuição precisa estar sempre visível e legível. Nunca remova, oculte, obscureça ou modifique o aviso.

As figuras a seguir mostram exemplos desses requisitos visuais.

Exemplo de atribuição do Google Maps posicionada na parte de cima, de baixo e ao lado do conteúdo

Exemplo de três abordagens para diferenciar o conteúdo do Google Maps (a classificação do lugar) de outros conteúdos

Não obscurecer a atribuição do Google Maps nem misturá-la com conteúdo de outras fontes