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 について詳しくは、マテリアル デザインのウェブサイトのピクセル密度をご覧ください。

最小クリアスペースと許容されるサイズ範囲を示す Google マップのロゴ
最小クリアスペースと許容されるサイズ範囲を示す Google マップのロゴ

ロゴのアクセシビリティ

Google マップのロゴに関するユーザー補助機能の要件は次のとおりです。

Google マップのロゴの帰属表示に関する許容されないバリエーションとアクセシビリティの問題
Google マップのロゴの帰属表示に関する許容できないバリエーションとアクセシビリティの問題

テキスト属性

インターフェースのサイズが Google マップのロゴの使用に対応していない場合は、テキストで「Google マップ」と表記できます。次のガイドラインに沿って対応してください。

Google マップのテキストでの帰属表示の許容されるバリエーション
Google マップのテキストでの帰属表示の許容されるバリエーション
  • 「Google Maps」というテキストは一切変更しないでください。
    • Google Maps の文字の大小は変更しないでください。
    • Google Maps を複数行に折り返さないでください
    • Google Maps を他の言語にローカライズしないでください。
    • HTML 属性 translate="no" を使用して、ブラウザが Google Maps を翻訳しないようにします。
Google マップのテキストでの帰属表示の許容されないバリエーション
Google マップのテキストでの帰属表示として認められないバリエーション

  • 次の表の説明に従って、Google マップのテキストのスタイルを設定します。

    Google マップのテキスト スタイルの要件
    プロパティ スタイル
    フォント ファミリー Roboto。フォントの読み込みは任意です。
    代替フォント ファミリー プロダクトですでに使用されている Sans Serif の本文フォント、またはデフォルトのシステム フォントを呼び出すための Sans-Serif
    フォント スタイル 標準
    フォントの太さ 400
    フォントの色 白、黒（#1F1F1F）、グレー（#5E5E5E）。背景に対してアクセシビリティの高い（4.5:1）コントラストを維持します。
    フォントサイズ 最小フォントサイズ: 12sp
    最大フォントサイズ: 16sp
    sp について詳しくは、マテリアル デザインのウェブサイトのフォントサイズの単位をご覧ください。
    文字間隔 標準

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