クラウドベースの地図のスタイル設定で JSON を使用する

プラットフォームを選択: Android iOS JavaScript ウェブサービス

このドキュメントでは、JSON を使用して地図のスタイルを作成、編集、エクスポートする方法について説明します。 JSON を使用してスタイルを設定できるものについては、 クラウドベースの地図のスタイル設定の JSON リファレンスをご覧ください

JSON 地図スタイルをインポートする

JSON を使用して地図のスタイルを作成する手順は次のとおりです。

  1. Google Cloud コンソールで、 [**地図のスタイル**]に移動して、必要に応じてプロジェクトを選びます。

  2. [地図のスタイル] で、[スタイルを作成] をクリックします。

  3. ダイアログで [JSON] タブを選択します。

  4. JSON スタイルをインポートするには、次の 2 つの方法があります。

    • 有効な JSON スタイルコードをフィールドに貼り付けます。
    • [**JSON ファイルをアップロード**] をクリックして、使用するローカルの JSON ファイルを選択します。JSON スタイルコードがフィールドに表示されます。
  5. JSON にエラーがないか確認します。

    • JSON にエラーがある場合は、「JSON に N 件のエラーがあります」という警告が表示されます。警告を展開すると、詳細を確認できます。
    • JSON が有効な場合、地図のプレビューにカスタム スタイルが表示され、青色の [カスタマイズ] ボタンを使用できます。
  6. [カスタマイズ] をクリックして、新しい地図のスタイルを作成します。

  7. 新しい地図のスタイルで、地図上の対象物を選択し、必要に応じてスタイルを確認または変更します 。カスタム スタイルが適用されている地図上の対象物の横には、青い点が表示されます 。

  8. [**保存**] をクリックします。

  9. [地図のスタイルの保存と公開] ボックスでスタイルの名前と 説明(任意)を入力し、[保存] をクリックします。

スタイルが自動的に公開され、新しいスタイルの メインページが表示されます。

地図のスタイルをマップ ID に追加するには、 スタイルをマップ ID に関連付けるをご覧ください。

JSON で地図のスタイルを編集する

スタイル エディタの [JSON] タブを使用して、地図のスタイルを編集できます。

JSON を使用して地図のスタイルを編集する手順は次のとおりです。

  1. Google Cloud コンソールで、 [**地図のスタイル**]に移動して、必要に応じてプロジェクトを選びます。

  2. [地図のスタイル] で、スタイルリストから既存のスタイルを選択します。

  3. スタイルのメインページで、[カスタマイズ] を選択します。

  4. [JSON] タブを選択して、JSON スタイル エディタを開きます。

  5. エディタで変更を加えます。JSON ファイルをアップロードすることもできます。

  6. [**コミット**] をクリックして、スタイルパネルとプレビュー マップを更新します。

  7. すべての変更が完了したら、[保存] をクリックします。新しいスタイルを作成する場合、変更は自動的に有効になります。既存のスタイルを変更する場合は、変更が下書きとして保存されます。その地図のスタイルを使用しているマップ ID に対して変更を有効にするには、[公開]をクリックする必要があります。

地図のスタイルを JSON としてエクスポートする

地図のスタイルを JSON ファイルとしてエクスポートする手順は次のとおりです。

  1. Google Cloud コンソールで、 [**地図のスタイル**]に移動して、必要に応じてプロジェクトを選びます。

  2. [地図のスタイル] で、スタイルリストから既存のスタイルを選択します。

  3. スタイルのメインページで、[カスタマイズ] を選択します。

  4. [JSON] タブを選択して、JSON スタイル エディタを開きます。

  5. [**エクスポート**] を選択します。