地図のカラーパターン

roadmap タイプと terrain タイプの地図では、地図のカラーパターンを設定できます。 (暗い、明るい、現在のシステム設定)。google.maps.colorScheme を使用します。「 colorScheme オプションは、地図が初期化されている場合にのみ設定できます。この設定を 地図の作成後にこのオプションを有効にしても効果はありません。

ロードマップ

次の図は、広告のライトモードとダークモードのカラーパターンを示しています。 roadmap 型。

ライトモードとダークモードのカラーパターンを使用したパリのロードマップ タイプの地図の例 2 つ。

地形

次の図は、広告のライトモードとダークモードのカラーパターンを示しています。 terrain 型。

ライトモードとダークモードのカラーパターンを使用した地形タイプの地図の 2 つの例。

デフォルトでは、ライトモードが使用されます。地図の作成時に ColorScheme をインポート 地図のカラーパターン(LIGHTDARK、または FOLLOW_SYSTEM)を オプションを使用できます。

const {ColorScheme} = await google.maps.importLibrary("core")

const mapOptions = {
  center: { lat: -34.397, lng: 150.644 },
  zoom: 8,
  colorScheme: ColorScheme.DARK,
}
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

地図をインスタンス化した後にオプションをリセットすると、colorScheme に何もなくなります。 できます。