本主題列出的註明出處相關規定,適用於 Places UI Kit。如要進一步瞭解 Places UI Kit 條款,請參閱《Google 地圖平台服務條款》。
已納入 Google 地圖歸屬資訊
Places UI Kit 包含 Google 地圖歸屬資訊。
- 無論歸屬資訊顯示在何處,都請勿將其移除。請勿變更、隱藏或遮蔽標示,並確保標示在背景中清晰可見。
- 請務必使用 UI 提示 (例如邊框、背景顏色、陰影或足夠的空白空間),讓 Google 地圖平台內容與其他內容在視覺上有所區別。
- 進行視覺修改時,您必須遵守 Google 地圖出處資訊規定。詳情請參閱下節。
Places UI Kit 歸屬資訊範例

已將必要歸屬資訊套用至 Place Details 精簡版元件。在這個非 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 地圖本地化為其他語言。
- 使用 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 地圖出處資訊。將出處資訊放在內容的上方或下方,且位於相同的視覺容器內。如果是單行內容,作者資訊可以放在右側或左側。
使用邊框、背景顏色、陰影或充足的空白等 UI 提示,讓 Google 地圖平台內容與其他內容在視覺上有所區別。
- 請勿將 Google 地圖與非 Google 地圖平台內容連結,以免誤導使用者。
- 確保版權聲明一律清楚可見。請勿移除、隱藏、遮蔽或修改這項資訊。
下圖是這些視覺要求的示例。


