Maps JavaScript API 的政策

本主题中列出的提供方信息要求适用于使用 Maps JavaScript API 开发的所有应用,包括作为该 API 一部分的地点自动补全服务。如需详细了解 Google Maps Platform 条款,请参阅 Google Maps Platform 服务条款

提供使用条款和隐私权政策

如果使用 Maps JavaScript API 开发应用,您必须在应用中提供使用条款隐私权政策,并确保相关内容符合您与 Google 签订的协议中规定的准则:

  • 《使用条款》和《隐私权政策》必须可公开访问。
  • 您必须在应用的《使用条款》中明确说明,用户使用应用时须遵守 Google 服务条款
  • 您必须在《隐私权政策》中注明您使用的是 Google Maps API,并且以提述方式将 Google 隐私权政策纳入其中。

《使用条款》和《隐私权政策》的建议显示位置因应用平台而异。

移动应用

如果开发的是移动应用,建议在相关应用商店的应用下载页面上以及应用的设置菜单中提供指向《使用条款》和《隐私权政策》的链接。

Web 应用

如果开发的是 Web 应用,建议在网站的页脚位置提供指向《使用条款》和《隐私权政策》的链接。

预取、缓存或存储内容

如果应用是使用 Maps JavaScript API 开发的,则须遵守您与 Google 签订的协议条款。根据您签订的协议条款,除了条款中规定的少数情况之外,您不得预取、存储、缓存任何内容或将其编入索引。

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

显示 Maps JavaScript API 结果

您可以在 Google 地图上显示 Maps JavaScript API 结果,也可以不使用地图显示结果。如果您想要在地图上显示 Maps JavaScript API 结果,则必须在 Google 地图上显示。禁止在 Google 地图以外的地图平台上使用 Maps JavaScript API 数据。

如果应用在 Google 地图上显示数据,则需要包含 Google 徽标,且不得修改。如果应用显示 Google 数据时与 Google 地图在同一屏幕上,则不需要向 Google 提供详细的提供方信息。

如果应用在页面或视图上显示数据时 Google 地图并未一同显示,您必须在显示这些数据的同时显示 Google 徽标。例如,如果应用在一个标签页上显示 Google 数据,而包含这些数据的 Google 地图位于另一个标签页上,则第一个标签页上必须显示 Google 徽标。如果应用使用搜索字段(无论是否具有自动补全功能),则徽标必须在同一行内显示。

Google 徽标应放置在地图左下角,提供方信息应放置在右下角,两者都应显示在地图上,而不是位于地图下方或应用内的其他位置。在下面的地图示例中,Google 徽标位于地图左下角,提供方信息位于右下角。

政策提供方信息位置

以下 zip 文件包含不同尺寸的 Google 徽标,分别适用于桌面版、Android 版和 iOS 版应用。您不得以任何方式修改这些徽标或调整其尺寸。

下载:google_logo.zip

请勿修改提供方信息。请勿移除、裁剪掉提供方信息,或对其进行模糊处理。您不能内嵌使用 Google 徽标(例如,“这些地图来自 [Google_logo]”)。

确保提供方信息靠近内容。如果不是以直接嵌入方式使用 Google 图像屏幕截图,那么显示的标准提供方信息应与图片中的内容相同。如有必要,您可以自定义提供方信息文字的样式和位置,只需确保文字紧邻内容且清晰可辨,能够让普通观众或读者轻松阅读。您不得将提供方信息移到内容区域之外的位置,例如放在图书末尾、文件或节目的人员名单或网站的页脚中。

注明第三方数据提供方。地图产品上的一些数据和图片来自 Google 以外的提供方。如果使用此类图像,提供方信息文字中必须提及“Google”和相关数据提供方,例如“地图数据:Google、Maxar Technologies”。如果图像中提及第三方数据提供方,那么提供方信息中不应仅包含“Google”或 Google 徽标。

如果要使用 Google Maps Platform 的设备实际无法显示提供方信息,请与 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 对象的作者信息字段中提供了作者照片及个人资料链接等信息,我们建议您一并添加。下图显示了某个公园的评价示例:

显示作者信息

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

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

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

  // If there are any reviews display the first one.
  if (!place.reviews) {
      console.log('No reviews were found.');
  } else {
      // Log the review count so we can see how many there are.
      console.log("REVIEW COUNT: " + place.reviews.length);

      // Get info for the first review.
      let reviewRating = place.reviews[0].rating;
      let reviewText = place.reviews[0].text;
      let authorName = place.reviews[0].authorAttribution.displayName;
      let authorUri = place.reviews[0].authorAttribution.uri;

      // Create a bit of HTML to add to the info window
      const contentString =
        '<div id="title"><b>' + place.displayName + '</b></div>' +
        '<div id="address">' + place.formattedAddress + '</div>' +
        '<a href="' + authorUri + '" target="_blank">Author: ' + authorName + '</a>' +
        '<div id="rating">Rating: ' + reviewRating + ' stars</div>' +
        '<div id="rating""><p>Review: ' + reviewText + '</p></div>';

      // Create an info window.
      infoWindow = new InfoWindow({
          content: contentString,
          ariaLabel: place.displayName,
      });

      // Add a marker for the place.
      const marker = new AdvancedMarkerElement({
          map,
          position: place.location,
          title: place.displayName,
      });

      // Show the info window.
      infoWindow.open({
          anchor: marker,
          map,
      });
  }
  

显示照片的提供方信息

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

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

Google 提供方信息样式指南

如果无法使用可下载的 Google 徽标,请按照以下样式指南使用 CSS 和 HTML 添加 Google 提供方信息。

留白空间

完整标识周围的留白空间应等同或超过 Google 中“G”的高度。

提供方信息和 Google 徽标之间的间距应为“G”宽度的一半。

易读性

署名应始终清晰可辨,而且颜色应适合给定背景。务必要为所选择的徽标变体提供足够的对比度。

颜色

如果是白色或浅色背景,文字应使用 Google Material Gray 700,黑色色调最高介于 0% 到 40% 之间。

Google
#5F6368
RGB 95 99 104
HSL 213 5 39
HSB 213 9 41

如果是深色背景,而且是摄影作品或简单图案,应使用白色文字标注署名和提供方信息。

Google
#FFFFFF
RGB 255 255 255
HSL 0 0 100
HSB 0 0 100

字体

使用 Roboto 字体。

示例 CSS

将以下 CSS 代码段应用于文字“Google”后,“Google”以适当的字体、颜色和间距显示在白色或浅色背景上。

font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 16px;
padding: 16px;
letter-spacing: 0.0575em; /* 0.69px */
color: #5F6368;