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

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

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

マップデモキーで使用できる機能

マップデモキーは、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>

次のステップ