Grounding Lite 文本提供方信息使用指南

本页提供了在应用中显示 Grounding Lite 内容的提供方信息要求和指南。

显示 Google 地图提供方信息

在应用或网站中显示 Grounding Lite 的内容时,您必须遵守 Google 地图提供方信息要求。如果内容显示在 Google 地图上,且提供方信息已显示在地图上,则无需添加额外的提供方信息。

应尽可能采用 Google 地图徽标的形式进行提供方说明。在空间有限的情况下,可以使用 Google 地图字样。必须始终让最终用户清楚了解哪些内容是由 Google 地图提供的。

左侧:Google 地图徽标提供方信息,右侧:Google 地图文字提供方信息
左侧:Google 地图徽标提供方信息;右侧:Google 地图文字提供方信息

徽标提供方信息

在应用或网站中使用 Google 地图徽标时,请遵循以下要求。

Google 地图徽标提供方信息的允许变体
Google 地图徽标提供方信息的允许变体

下载 Google 地图徽标

使用官方 Google 地图徽标文件。下载下方的徽标,并遵循本部分中的准则。

下载 Google 地图提供方信息资源

使用 Google 地图徽标时,请遵循以下准则。

  • 请勿以任何方式修改徽标。
  • 保持徽标的宽高比,以防变形。
  • 在杂乱的背景(例如地图或图片)上使用轮廓徽标。
  • 在纯色背景或细微的渐变背景上使用非轮廓徽标。

徽标尺寸规范

请遵循以下 Google 地图徽标尺寸规范:

  • 徽标的最小高度:16dp
  • 徽标高度上限:19dp
  • 徽标的最小留白空间:左侧、右侧和顶部为 10dp,底部为 5dp

如需了解 dp,请参阅 Material Design 网站上的像素密度

Google 地图徽标,显示了最小留白空间和可接受的尺寸范围
Google 地图徽标,显示了最小留白空间和可接受的尺寸范围

徽标可访问性

请遵循以下 Google 地图标志无障碍功能要求:

  • 确保徽标与背景之间具有无障碍对比度
  • 添加了无障碍标签,其中包含文本 Google 地图
Google 地图徽标提供方信息中不可接受的变体和无障碍功能问题
Google 地图徽标提供方信息的不当变体和无障碍问题

文字提供方信息

如果界面尺寸不支持使用 Google 地图徽标,您可以在文本中拼写出 Google 地图。请遵循以下准则:

可接受的 Google 地图文字提供方信息变体
Google 地图文字提供方信息的各种可接受的变体
  • 请勿以任何方式修改 Google 地图文字:
    • 请勿更改 Google 地图的大小写
    • 请勿将 Google 地图换行显示
    • 请勿将 Google 地图本地化为其他语言。
    • 使用 HTML 属性 translate="no" 阻止浏览器翻译 Google 地图
不接受的 Google 地图文字提供方信息变体
Google 地图文字提供方的不接受的变体
  • 按照下表中的说明设置 Google 地图文字的样式:

    Google 地图文本样式要求
    属性 样式
    字体系列 Roboto。加载字体是可选的。
    后备字体系列 产品中已使用的任何无衬线正文字体,或“Sans-Serif”以调用默认系统字体
    字体样式 普通
    字体粗细 400
    字体颜色 白色、黑色 (#1F1F1F) 或灰色 (#5E5E5E)。保持与背景的对比度达到无障碍标准 (4.5:1)
    字号 字体大小下限:12sp
    字体大小上限:16sp
    如需了解 sp,请参阅 Material Design 网站上的字体大小单位
    字间距 普通

示例 CSS

以下 CSS 代码段可在白色或浅色背景上以适当的排版样式和颜色呈现 Google 地图。

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