Grounding Lite 文字出處資訊規範

本頁說明在應用程式中顯示 Grounding Lite 內容時,須遵守的出處標示規定和規範。

顯示 Google 地圖出處資訊

在應用程式或網站中顯示 Grounding Lite 的內容時,您必須遵守 Google 地圖出處資訊規定。如果內容顯示在 Google 地圖上,且地圖已顯示出處資訊,則不必額外新增出處資訊。

盡可能以 Google 地圖標誌的形式提供出處資訊。如果空間有限,可使用「Google 地圖」。必須讓使用者清楚瞭解哪些內容是由 Google 地圖提供。

左:Google 地圖標誌出處資訊,右:Google 地圖文字出處資訊
左側:Google 地圖標誌出處資訊,右側:Google 地圖文字出處資訊

標誌出處

在應用程式或網站中使用 Google 地圖標誌時,請遵守下列規定。

Google 地圖標誌出處資訊的適用變化版本
Google 地圖標誌出處資訊的適用變體

下載 Google 地圖標誌

使用官方 Google 地圖標誌檔案。請下載下方標誌,並按照本節的規範操作。

下載 Google 地圖出處資訊素材資源

使用 Google 地圖標誌時,請遵守下列規範。

  • 請勿以任何方式修改標誌。
  • 請維持標誌的顯示比例,避免變形。
  • 在雜亂的背景 (例如地圖或圖片) 上使用輪廓標誌。
  • 在純色或細微漸層等簡單背景上使用非輪廓標誌。

標誌大小規格

Google 地圖標誌的尺寸規格如下:

  • 標誌高度下限:16 dp
  • 標誌高度上限:19 dp
  • 標誌周圍至少應留空:左、右和頂端 10 dp,底部 5 dp

如要瞭解 dp,請參閱 Material Design 網站上的「Pixel 密度」。

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