本主题介绍了地点界面 Kit 的提供方信息要求。如需详细了解 Places 界面套件条款,请参阅 Google Maps Platform 服务条款。
添加了 Google 地图提供方注明
Google 地图提供方注明包含在 Places 界面 Kit 中。
- 请勿移除所含提供方说明,无论其显示在何处。请勿更改、隐藏或模糊处理提供方信息,并确保其在背景上清晰可见。
- 始终使用边框、背景颜色、阴影或足够的空白等界面提示,将 Google Maps Platform 内容与其他内容区分开来。
- 进行视觉修改时,您必须遵守 Google 地图提供方说明要求。如需了解详情,请参阅以下部分。
Places UI Kit 归因示例

应用于地点详情紧凑组件的必需提供方说明。 在此非 Google 地图上,Google 地图提供方信息清晰可见,Google Maps Platform 内容在视觉上与其他内容区分开来。
Google 地图标明出处要求
提供方说明应尽可能采用 Google 地图徽标的形式。如果空间有限,可以使用文字 Google 地图。必须始终让最终用户清楚地了解哪些内容由 Google 地图提供。

徽标提供方
如需在应用或网站中使用 Google 地图徽标,请遵循以下要求。
下载 Google 地图徽标
使用官方 Google 地图徽标文件。下载以下徽标,并遵循本部分中的准则。
使用 Google 地图徽标时,请遵循以下准则。
- 请勿以任何方式修改徽标。
- 保持徽标的宽高比,以免变形。
- 在杂乱的背景(例如地图或图片)上使用轮廓徽标。
- 在纯色或细微渐变等简单背景上使用无轮廓徽标。
徽标大小规范
请遵循以下 Google 地图徽标尺寸规范:- 徽标最小高度:16dp
- 徽标高度上限:19dp
- 徽标最小留白空间:左侧、右侧和顶部为 10dp,底部为 5dp
如需了解 dp,请参阅 Material Design 网站上的像素密度。

徽标无障碍功能
请遵循以下 Google 地图徽标无障碍功能要求:- 确保徽标与背景之间具有可访问的对比度。
- 添加一个包含文本 Google 地图 的无障碍功能标签。

文字提供方标示
如果界面的大小不支持使用 Google 地图徽标,您可以用文字拼写出 Google 地图。请遵循以下准则:

- 请勿以任何方式修改“Google 地图”字样:
- 请勿更改 Google 地图的大小写
- 请勿将 Google 地图换行
- 请勿将 Google 地图本地化为其他语言。
- 使用 HTML 属性
translate="no"
阻止浏览器翻译 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; }
视觉要求
请遵循以下要求,以视觉方式呈现 Google 地图提供方标识。将提供方信息放置在内容顶部或底部附近,且在同一视觉容器内。对于单行内容,提供方信息可以位于右侧或左侧。
使用边框、背景颜色、阴影或足够的空白等界面提示,直观地将 Google Maps Platform 内容与其他内容区分开来。
- 请勿将非 Google Maps Platform 内容归因于 Google 地图,以免误导用户。
- 确保提供方信息始终清晰可见。切勿移除、隐藏、模糊处理或修改此信息。
以下图展示了这些视觉要求的示例。


