Maps JavaScript API 的政策和提供方信息

本文档列出了使用 Maps JavaScript API 开发的应用的要求。请注意,Maps JavaScript API 的使用受您与 Google 签订的协议约束。

政策

本部分介绍了与 Maps JavaScript API 相关的政策。政策提供了实用的实施指南和要求,可帮助您正确使用服务,并符合 Google Maps Platform 的预期。

缓存限制的例外情况

请注意,用于唯一标识地点的地点 ID 可不受缓存限制。 因此,您可以无限制地存储地点 ID 值。 系统会在 API 响应的 place_id 字段中返回地点 ID。如需了解如何保存、刷新和管理地点 ID,请参阅地点 ID 指南。

内容抓取

系统可能会根据用户与您应用的互动情况,向您返回地点名称。如果您要捕获或持久保存地点名称,以便在用户会话之外的任何其他上下文中使用,则会构成抓取行为,这是我们的条款所不允许的。

欧洲经济区国家和地区

对于账单邮寄地址位于欧洲经济区 (EEA) 的客户,此产品有不同的服务条款,并且可能还具有不同的功能。 在使用 Google Maps Platform 进行构建之前,请查看以下 EEA 专用条款和信息:

如果您的账单邮寄地址不在欧洲经济区,则您需遵守以下服务条款:

Google 地图标明出处要求

本部分提供了通过应用显示 Google 地图和内容时的标明出处要求和指南。

归因示例

以下是 Places UI Kit 的提供方说明示例。

Places UI Kit
在非 Google 地图上的提供方信息示例
应用于“地点详情”紧凑组件的必需提供方说明。 在此非 Google 地图上,Google 地图的提供方信息清晰可见,并且 Google Maps Platform 内容在视觉上与其他内容有所区分。

显示 Google 地图提供方信息

在应用或网站中显示 Google Maps Platform API 中的内容时,您必须遵循 Google 地图的标明出处要求。如果内容显示在 Google 地图上,且提供方信息已可见,则无需添加额外的提供方信息。

包含 Google 地图提供方信息

对于 Google Maps Platform 已在界面中提供的 Google 地图提供方说明(例如在 Places UI Kit 中):

  • 无论提供方信息显示在何处,都不要将其移除。请勿更改、隐藏或遮挡提供方信息,并确保其在背景中清晰可见。
  • 始终使用边框、背景颜色、阴影或足够的留白等界面提示,在视觉上将 Google Maps Platform 内容与其他内容区分开来。
  • 进行视觉修改时,您必须遵守所有 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 正文字体,或用于调用默认系统字体的“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 地图与非 Google Maps Platform 内容混淆,以免造成误导。
  • 请确保提供方说明始终清晰可见。切勿移除、隐藏、遮挡或修改该信息。

下图展示了这些视觉要求的示例。

Google 地图提供方信息位于内容顶部、底部和侧边的示例
Google 地图提供方说明位于内容顶部、底部和侧边的示例

两种将 Google 地图内容(地点评分)与其他内容区分开来的方法示例
将 Google 地图内容(地点评分)与其他内容区分开来的两种方法的示例

请勿遮挡 Google 地图的提供方信息,或将其与其他来源的内容混在一起
请勿遮挡 Google 地图提供方说明,也不要将其与其他来源的内容混在一起

第三方数据提供商

地图产品上的一些数据和图片来自 Google 以外的提供方。 对于某些产品(例如 Map Tiles API),我们可能会向您提供所需的第三方数据提供商的提供方说明。如果使用此类图像,提供方信息文字中必须提及“Google 地图”和相关数据提供方,例如“地图数据:Google、Maxar Technologies”。如果 Google 提供了第三方提供方信息,那么提供方信息中不应仅包含“Google 地图”或 Google 徽标。

其他提供方信息要求

请按照以下说明检索第三方提供方信息,然后在应用中显示提供方信息。

从 Place 对象中检索提供方信息

如果应用显示通过调用 Place.fetchFields 获取的评价信息,则还必须显示获取的地点详情的第三方提供方信息。

此 API 会返回 Place 对象。若要从 Place 对象中检索提供方信息,请使用 Place.attributions 属性,每个请求都会返回该属性(无需使用字段指定)。该属性会返回一个包含 String 对象的 List,如果没有可显示的提供方信息,则返回 null。以下示例代码展示了如何获取地点,并列出了所有提供方信息。

  // Use place ID to create a new Place instance.
  const place = new Place({
      id: 'ChIJB9a4Ifl744kRlpz0BQJzGQ8', // Crazy Good Kitchen
  });

  // Call fetchFields, passing the desired data fields.
  await place.fetchFields({
      fields: ["displayName", "formattedAddress", "location", "reviews"],
  });

  // Check for any place attributions.
  if (!place.attributions) {
      console.log('No attributions were found.');
      return;
  } else {
      // Log the place attribution
      for (var attribution of place.attributions) {
          console.log(attribution);
      }
  }

  

显示评价

Place 对象最多可以包含五条评价,其中每条评价都由一个 Review 对象表示。您可以选择在应用中显示这些评价。

显示 Google 用户提供的评价时,您必须将作者姓名放在紧邻评价的位置。如果 Review 对象的作者信息字段中提供了作者照片及个人资料链接等信息,我们建议您一并添加。下图显示了某个公园的评价示例:

显示作者信息

以下示例展示了如何获取地点、查看评价并显示第一条评价的数据:

// Create a new Place instance.
const place = new Place({
    id: 'ChIJpyiwa4Zw44kRBQSGWKv4wgA', // Faneuil Hall Marketplace, Boston, MA
});

// Call fetchFields, passing 'reviews' and other needed fields.
await place.fetchFields({
    fields: ['displayName', 'formattedAddress', 'location', 'reviews'],
});

// Create an HTML container.
const content = document.createElement('div');
const title = document.createElement('div');
const rating = document.createElement('div');
const address = document.createElement('div');
const review = document.createElement('div');
const authorLink = document.createElement('a');

// If there are any reviews display the first one.
if (place.reviews && place.reviews.length > 0) {
    // Get info for the first review.
    const reviewRating = place.reviews[0].rating;
    const reviewText = place.reviews[0].text;
    const authorName = place.reviews[0].authorAttribution.displayName;
    const authorUri = place.reviews[0].authorAttribution.uri;

    // Safely populate the HTML.
    title.textContent = place.displayName || '';
    address.textContent = place.formattedAddress || '';
    rating.textContent = `Rating: ${reviewRating} stars`;
    review.textContent = reviewText || '';
    authorLink.textContent = authorName;
    authorLink.href = authorUri || '';
    authorLink.target = '_blank';

    content.appendChild(title);
    content.appendChild(address);
    content.appendChild(rating);
    content.appendChild(review);
    content.appendChild(authorLink);
} else {
    content.textContent = `No reviews were found for ${place.displayName}.`;
}

// Create an infoWindow to display the review.
infoWindow = new InfoWindow({
    content,
    ariaLabel: place.displayName,
});

请参阅地点评价文档。

显示照片的提供方信息

如果应用会显示照片,您必须显示每张照片所有者的作者信息。如果响应中包含 Place 对象,则照片的详细信息包含在 photos 数组中。若要将 photos 数组添加到响应中,请在请求中添加 photos 数据字段。

照片数组的每个元素都是 Photo 的实例,其中包含类型为 AuthorAttribution 的 authorAttributions 数组。AuthorAttribution 对象的字段是包含提供方信息的 displayName、uri 和 photoUri 的字符串,如果没有可显示的提供方信息,则为空字符串。

请参阅地点照片的相关文档。

搜索结果归因

在欧洲,使用 Google 的纯粹排名时,搜索产品必须提供说明文字,且用户只需点击一次即可访问这些文字,其中应说明决定搜索结果排名的主要因素以及这些主要因素的权重。说明文字:

标题:关于这些结果

正文:当您搜索某个地点附近的商家或场所时,Google 地图会显示本地搜索结果。并且会结合多种因素(主要是相关性、距离和知名度)帮助您找到最符合搜索条件的结果。

按钮 1:了解详情
“了解详情”文本应链接到帮助中心文章。

按钮 2:确定

自动补全最终用户地址

如果最终用户在您的客户应用中使用自动补全功能输入街道地址,而该街道地址本可以由该最终用户在不使用自动补全功能的情况下完整准确地提供,则最终用户选择的地址不受《Google Maps Platform 协议》中 Google 地图内容限制的约束。 此例外情况仅适用于最终用户选择的街道地址,并且仅适用于该最终用户的特定交易;不适用于自动补全功能提供的建议地址列表或其他 Google 地图内容。此例外情况不适用于其他 Google Maps Platform 服务提供的任何地图注点或地址查找功能。

自动补全最终用户地址

在上图中,左侧的地址列表仍受 Google 地图内容限制。最终用户选择其所选地址后,该地址不受 Google 地图内容的限制,仅用于该最终用户的适用交易。

AI 赋能的摘要

在应用中显示 AI 赋能的摘要(包括地点、区域和评价摘要)时,您必须执行以下操作:

  • 显示所需的提供方信息、报告链接和参考链接,如下所述。
  • 最终用户必须能够阅读 Google 地图提供的完整摘要文本。

显示 AI 赋能的摘要披露文本

在显示任何类型的 AI 赋能摘要时,请务必在摘要正下方添加本地化披露声明文本(在响应正文的 disclosureText 字段中提供)。切勿修改或扩充 API 提供的披露文本。

针对所有 AI 赋能的摘要类型的披露声明
图 1:在三种 AI 赋能的摘要类型下方正确显示的披露声明文本。

地点和区域摘要的其他要求

应用中显示的地点和区域摘要必须附带以下文本和必需链接:

文本 要求
关于此摘要 请使用以下链接访问“Google 如何获取和使用本地商家信息”:https://support.google.com/local-listings/answer/9851099。
举报摘要

使用响应的 flagContentUri 字段中包含的链接,向 Google 报告摘要内容存在的问题。

注意:无论您身在何处,通过 Places API(新版)提供的 AI 赋能摘要均须遵守 Google 的内容和产品政策。您必须告知最终用户,如果他们想举报根据适用法律应从 Google 服务中移除的内容,应使用提供的举报内容网址 (flagContentUri) 进行举报。

地点和区域摘要披露声明
图 2:AI 赋能的区域摘要,其中包含通过溢出菜单向最终用户提供的必需关联链接。

评价摘要要求

应用中显示的评价摘要必须附带标题,标题文本为“评价摘要”。此外,您还必须使用以下文本和必需链接:

文本 要求
关于此摘要 请使用以下链接访问“Google 如何获取和使用本地商家信息”:https://support.google.com/local-listings/answer/9851099
举报摘要

使用响应的 flagContentUri 字段中包含的链接。

注意:无论您身在何处,通过 Places API(新版)提供的 AI 赋能摘要均须遵守 Google 的内容和产品政策。您必须告知最终用户,如果他们想举报根据适用法律应从 Google 服务中移除的内容,应使用提供的举报内容网址 (flagContentUri) 进行举报。

查看评价 使用响应的 reviewSummary.reviewsUri 字段中包含的链接。
评价摘要披露声明
图 3:AI 赋能的评价摘要,其中包含通过溢出菜单向最终用户提供的必需关联链接。

汽车用例的显示指南

为了保障驾驶员安全,Google 建议在车载体验中,仅在停车模式下呈现 AI 生成的摘要。如果在驾车模式下呈现摘要,屏幕上的信息应简单、清晰、简洁,以确保驾驶员的注意力能快速回到路面上:

  • 不超过 3 行
  • 不超过 120 个字符或 24 个字词
  • 最小字体大小为 24dp

尤其是在汽车环境中,开发者有责任以安全且符合所有当地法律法规的方式呈现 AI 赋能的摘要。