Maps デモキーを取得して Maps JavaScript API で使用する

マップデモキーは、お支払い情報を入力せずに Google Maps Platform を使用したプロトタイピングを開始できる無料の機能です。有料アカウントに移行する前に、アイデアを検証して実際に試すことができます。このページでは、マップデモキーの仕組み、割り当て、使用できる機能、キーの取得方法と使用方法について説明します。

注: マップデモキーは、技術的には、一部の機能のみをサポートする API キーです。これはテストとプロトタイピングのみを目的としており、本番環境での使用を想定して設計されていません。また、マップ デモ プロジェクトの利用規約も適用されます。

利用資格要件

マップデモキーを取得するには、次の要件を満たす必要があります。

  • アカウントの種類: 個人の Google アカウント（@gmail.com アドレスなど）を使用する必要があります。Google Workspace（企業）アカウントは対象外です。
  • 地域: マップデモキーは、禁止されている地域ではご利用いただけません。利用資格は、現在の IP アドレスと Google アカウントの所在地の組み合わせによって決まります。

マップデモキーで使用できる機能はどれですか？

マップデモキーは、Google Maps Platform の一部の機能とサービスのみをサポートしています。 以下に記載されていない API や機能を使用するには、 マップデモキーに請求先アカウントを追加するか、新しい API キーを作成して課金を有効にする必要があります。 詳しくは、Maps JavaScript API をセットアップするをご覧ください。

Maps JavaScript API

ウェブサービス API

  • Maps Grounding Lite Google マップの地理空間データで AI アプリケーションをグラウンディングします。
  • Places API（新版） * 世界中の何百万もの場所の位置情報を取得します。
  • Geocoding API v4 住所やプレイス ID を座標に変換します。
  • Compute Routes 2 つの場所間の最適なルートを取得します。
  • Weather API 包括的な気象情報を取得します。

* ユーザーが送信した写真やクチコミなどのユーザー作成コンテンツは、マップデモキーでは利用できません。

マップデモキーの割り当て

マップデモキーには使用量上限が適用されます。この上限は変更される可能性があります。1 日の利用時間の上限に達すると、翌日まで使用が一時停止され、料金は発生しません。

マップデモキーの使用方法

ステップ 1: マップデモキーを取得する

キーを生成するには、Google アカウントにログインしていることを確認し、[デモキーを取得] ボタンをクリックします。 マップデモキーの利用規約に同意すると、キーが表示され、すぐに使用できるようになります。

また、Google Cloud コンソールから鍵を取得する方法が記載されたメールも届きます。

ステップ 2: Maps JavaScript API でマップデモキーを使用する

マップデモキーは、技術的には、限定された機能セットをサポートする API キーです。マップデモキーは、サポートされている機能とサービスで、標準の API キーの代わりに使用できます。

次の例は、基本的なリクエストでマップデモキーを使用する方法を示しています。 YOUR_DEMO_KEY は、先ほど取得した鍵に置き換えます。

<html>
<head>
  <title>Add a Map using HTML</title>
  <link rel="stylesheet" href="./style.css" />
  <script type="module" src="./index.js"></script>
</head>
<body>
  <gmp-map
    center="38.7946,-106.5348"
    zoom="4"
    map-id="DEMO_MAP_ID"
    style="height: 400px"
  >
  </gmp-map>
  <!--
    The `defer` attribute causes the script to execute after the full HTML
    document has been parsed. -->
  <script
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_DEMO_KEY&libraries=maps"
    defer
  ></script>
</body>
</html>

次のステップ