Places UI Kit 的作者資訊相關規定

本主題列出的註明出處相關規定,適用於 Places UI Kit。如要進一步瞭解 Places UI Kit 條款,請參閱《Google 地圖平台服務條款》。

已納入 Google 地圖歸屬資訊

Places UI Kit 包含 Google 地圖歸屬資訊。

  • 無論歸屬資訊顯示在何處,都請勿將其移除。請勿變更、隱藏或遮蔽標示,並確保標示在背景中清晰可見。
  • 請務必使用 UI 提示 (例如邊框、背景顏色、陰影或足夠的空白空間),讓 Google 地圖平台內容與其他內容在視覺上有所區別。
  • 進行視覺修改時,您必須遵守 Google 地圖出處資訊規定。詳情請參閱下節。

Places UI Kit 歸屬資訊範例

非 Google 地圖上的地點 UI Kit 歸因範例

已將必要歸屬資訊套用至 Place Details 精簡版元件。在這個非 Google 地圖上,Google 地圖歸屬資訊清晰可見,Google 地圖平台內容與其他內容在視覺上有所區別。

作者資訊應盡可能以 Google 地圖標誌的形式呈現。如果空間有限,可以使用「Google 地圖」這行文字。使用者必須一眼就能看出哪些內容是由 Google 地圖提供。

左:Google 地圖標誌出處註明,右:Google 地圖文字出處註明
左:Google 地圖標誌出處標示,右:Google 地圖文字出處標示

標誌歸屬

如要在應用程式或網站中使用 Google 地圖標誌,請遵循下列規定。
可接受的 Google 地圖標誌出處標示變化版本
Google 地圖標誌出處標示的允許變化

下載 Google 地圖標誌

使用官方 Google 地圖標誌檔案。請下載下方的標誌,並遵循本節中的規範。

下載檔案: google_logo_ui_kit.zip

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

  • 請勿以任何方式修改標誌。
  • 請維持標誌的顯示比例,避免變形。
  • 在雜亂的背景 (例如地圖或圖片) 上使用帶框商標。
  • 在純色或漸層背景上使用無外框的標誌。

標誌大小規格

請遵循下列 Google 地圖標誌大小規格:
  • 標誌高度下限:16 dp
  • 標誌高度上限:19 dp
  • 標誌的最低留白空間:左、右和頂端 10 dp,底部 5 dp

如要瞭解 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;
}

視覺效果相關規定

請遵守下列規定,以視覺方式呈現 Google 地圖出處資訊。
  • 將出處資訊放在內容的上方或下方,且位於相同的視覺容器內。如果是單行內容,作者資訊可以放在右側或左側。

  • 使用邊框、背景顏色、陰影或充足的空白等 UI 提示,讓 Google 地圖平台內容與其他內容在視覺上有所區別。

  • 請勿將 Google 地圖與非 Google 地圖平台內容連結,以免誤導使用者。
  • 確保版權聲明一律清楚可見。請勿移除、隱藏、遮蔽或修改這項資訊。

下圖是這些視覺要求的示例。

範例:Google 地圖出處資訊位於內容頂端、底部和側邊
範例:將 Google 地圖歸屬資訊置於內容頂端、底部和側邊

範例:三種方法區分 Google 地圖內容 (地點評分) 與其他內容
範例:三種方法區分 Google 地圖內容 (地點評分) 與其他內容

請勿遮蓋 Google 地圖出處資訊,或將其與其他來源的內容混合
請勿遮蓋 Google 地圖歸屬資訊,或將其與其他來源的內容混淆