クラウドのカスタマイズ

プラットフォームを選択: Android iOS JavaScript

Google Maps Platform に備わっている Cloud ベースのマップのスタイル設定機能を使用すると、Google Cloud コンソールを使用して地図のスタイル設定、カスタマイズ、管理を簡単に行うことができ、地図の全体的なユーザー エクスペリエンスが向上します。Cloud ベースのマップのスタイル設定では、これらの機能を簡単に導入、管理できるように、Cloud コンソールに次のような新しいツールが導入されています。

  • スタイルを簡単に作成できるスタイル エディタ。
  • マップ ID の作成と管理。
  • カスタムマップのスタイルの作成と管理。
  • スタイルを動的に更新するツール。

マップ ID をアプリに追加する

マップ ID は、特定の地図のスタイルまたは対象物に関連付けられた識別子です。Google Cloud Console で地図のスタイルを設定してマップ ID に関連付け、コード内でマップ ID を参照すると、関連するマップスタイルがアプリに表示されます。以降に行われるスタイルの更新が自動的にアプリに反映されるため、ユーザー自らが更新する必要がなくなります。

マップ ID を使用して地図をインスタンス化する手順は次のとおりです。

  1. Cloud コンソールのマップ ID の文字列を使用して GMSMapID を作成します。
  2. GMSMapView を作成して、作成したマップ ID を指定します。

Swift

let camera = GMSCameraPosition(latitude: 47.0169, longitude: -122.336471, zoom: 12)
let mapID = GMSMapID(identifier: "<YOUR MAP ID>")
let mapView = GMSMapView(frame: .zero, mapID: mapID, camera: camera)
self.view = mapView
      

Objective-C

GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:47.0169
                                                        longitude:-122.336471
                                                             zoom:12];
GMSMapID *mapID = [GMSMapID mapIDWithIdentifier:@"<YOUR MAP ID>"];
GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero mapID:mapID camera:camera];
self.view = mapView;
      

独自のマップ ID を使用している場合は、Cloud コンソールでマップ ID を設定していつでも新しいスタイルを作成できます。作成したスタイルは、約 6 時間以内に地図ビューに自動的に反映されます。

変更をすぐに確認する場合は、アプリを終了し、最近使用したアプリのリストからアプリを強制終了して、再起動します。更新された地図が表示されます。

マップ スタイル エディタを使用する

マップ スタイル エディタは、Google Cloud Console で利用できる GUI ベースのツールです。

Cloud ベースのマップのスタイル設定ツールの使用方法