12 月にサンフランシスコで開催される次回の Google Maps Platform Developer Community Day にぜひご参加ください。参加をご希望の場合は、今すぐお申し込みください。

Google は AI 技術を使用して、コンテンツをご希望の言語に翻訳しています。AI 翻訳には誤りが含まれる場合があります。

ナビゲーション UI を変更する

Navigation SDK for Android を使用すると、地図に表示する組み込みの UI コントロールや要素を指定して、地図のユーザーエクスペリエンスを変更できます。ナビゲーション UI の外観を調整することもできます。ナビゲーション UI の許容される変更に関するガイドラインについては、ポリシーページをご覧ください。

このドキュメントでは、地図のユーザーインターフェースを変更する 2 つの方法について説明します。

地図の UI コントロール
地図の UI アクセサリー

地図の UI コントロール

ナビゲーションビューにカスタム UI 要素を配置するには、地図 UI コントロールを使用して適切な位置に配置します。組み込みレイアウトが変更されると、Navigation SDK for Android はカスタムコントロールを自動的に再配置します。各位置に一度に設定できるカスタムコントロールビューは 1 つだけです。デザインに複数の UI 要素が必要な場合は、それらを ViewGroup に配置して setCustomControl メソッドに渡します。

setCustomControl メソッドは、CustomControlPosition 列挙型で定義されている位置を提供します。

SECONDARY_HEADER（ポートレートモードでのみ表示）
BOTTOM_START_BELOW
BOTTOM_END_BELOW
FOOTER

カスタムコントロールを追加する

カスタム UI 要素または ViewGroup を使用して Android View を作成します。
XML をインフレートするか、カスタムビューをインスタンス化して、ビューのインスタンスを取得します。
NavigationView.setCustomControl または NavigationFragment.setCustomControl を使用して、CustomControlPosition 列挙型から選択したカスタムコントロールの位置を指定します。

注: アプリは、UI スレッドでこのメソッドを呼び出す必要があります。

次の例では、フラグメントを作成し、セカンダリヘッダーの位置にカスタムコントロールを追加します。

注: この例のコードには、ドキュメントでの視認性を高めるために改行が挿入されています。必要に応じて削除してください。
```
 mNavFragment.setCustomControl(getLayoutInflater().
   inflate(R.layout.your_custom_control, null),
   CustomControlPosition.SECONDARY_HEADER);
 ```
```

カスタムコントロールを削除する

カスタムコントロールを削除するには、null ビューパラメータと選択したカスタムコントロールの位置を指定して setCustomControl メソッドを呼び出します。

たとえば、次のスニペットは、カスタムのセカンダリヘッダーを削除して、デフォルトのコンテンツに戻します。

mNavFragment.setCustomControl(null, CustomControlPosition.SECONDARY_HEADER);

カスタムコントロールの位置

Secondary header

このカスタムコントロール位置を使用するには、位置 CustomControlPosition.SECONDARY_HEADER を setCustomControl に渡します。

デフォルトでは、ナビゲーションモードの画面レイアウトには、メインヘッダーの下にサブヘッダーを配置する場所が用意されています。このサブヘッダーは、車線案内など、必要な場合に表示されます。アプリは、カスタムコンテンツにレイアウトのこのセカンダリヘッダー位置を使用できます。この機能を使用すると、デフォルトのセカンダリヘッダーコンテンツがすべてコントロールでカバーされます。ナビゲーションビューに背景がある場合、その背景はそのまま残り、セカンダリヘッダーで覆われます。アプリがカスタムコントロールを削除すると、デフォルトのセカンダリヘッダーがその場所に表示されます。

カスタムのセカンダリヘッダーの位置は、上端がプライマリヘッダーの下端に揃えられます。このポジションは portrait mode でのみサポートされています。landscape mode では、セカンダリヘッダーは使用できず、レイアウトは変更されません。

下部開始

このカスタムコントロール位置を使用するには、位置 CustomControlPosition.BOTTOM_START_BELOW を setCustomControl に渡します。

このカスタムコントロールの位置は、地図の左下隅です。portrait mode と landscape mode の両方で、到着予定カードやカスタムフッターの上（どちらも存在しない場合は地図の下部）に配置されます。また、再センタリングボタンや Google ロゴなどの Navigation SDK 要素は、カスタムコントロールビューの高さに合わせて上に移動します。このコントロールは、表示されている地図の境界内に配置されるため、地図の下端または開始端にパディングを追加すると、このコントロールの位置も変更されます。

下端

このカスタムコントロール位置を使用するには、位置 CustomControlPosition.BOTTOM_END_BELOW を setCustomControl に渡します。

このカスタムコントロールの位置は、地図の下端の角です。portrait mode では、到着予定カードやカスタムフッターの上（どちらも存在しない場合は地図の下部）に配置されますが、landscape mode では地図の下部に配置されます。終了側（LTR では右側）に表示されるナビゲーション SDK 要素は、カスタムコントロールビューの高さに合わせて上に移動します。このコントロールは、表示されている地図の境界内に配置されるため、地図の下端または右端にパディングを追加すると、このコントロールの位置も変わります。

縦向きのフッターカスタムコントロールの位置。 — 縦向きのフッターカスタムコントロールの位置

横向きのフッターカスタムコントロールの位置。 — 横向きのフッターカスタムコントロールの位置

このカスタムコントロール位置を使用するには、位置 CustomControlPosition.FOOTER を setCustomControl に渡します。

このカスタムコントロール位置は、カスタムフッタービュー用に設計されています。Nav SDK の ETA カードが表示されている場合、このコントロールはその上に表示されます。それ以外の場合、コントロールは地図の下部に揃えられます。BOTTOM_START_BELOW カスタムコントロールや BOTTOM_END_BELOW カスタムコントロールとは異なり、このコントロールは地図の表示境界の外側に配置されます。つまり、地図にパディングを追加しても、このコントロールの位置は変わりません。

portrait mode では、カスタムフッターは全幅です。CustomControlPosition.BOTTOM_START_BELOW と CustomControlPosition.BOTTOM_END_BELOW の両方の位置にあるカスタムコントロールと、再センタリングボタンや Google ロゴなどのナビゲーション SDK UI 要素は、カスタムコントロールフッターの上に配置されます。シェブロンのデフォルトの位置は、カスタムフッターの高さを考慮しています。

landscape mode では、カスタムフッターは半分の幅で、Nav SDK の ETA カードと同様に開始側（LTR では左側）に配置されます。CustomControlPosition.BOTTOM_START_BELOW 位置のカスタムコントロールと、再センタリングボタンや Google ロゴなどの Navigation SDK UI 要素は、カスタムコントロールフッターの上に配置されます。CustomControlPosition.BOTTOM_END_BELOW 位置のカスタムコントロールと、終了側（LTR の右側）に沿ったナビゲーション SDK UI 要素は、地図の下部に揃えられたままになります。カスタムフッターが存在する場合、シェブロンのデフォルトの位置は変わりません。これは、フッターが地図の端まで拡張されないためです。

CustomControlPosition.BOTTOM_START_BELOW と CustomControlPosition.BOTTOM_END_BELOW の位置にあるカスタムコントロール、および再センタリングボタンや Google ロゴなどの Navigation SDK UI 要素は、カスタムコントロールフッターの上に配置されます。

地図 UI アクセサリー

Navigation SDK for Android には、ナビゲーション中に表示される UI アクセサリーが用意されています。これは、Google マップ（Android 版）アプリに表示されるものと同様です。このセクションで説明するように、これらのコントロールの表示 / 非表示や外観を調整できます。ここで行った変更は、次回のナビゲーションセッション中に反映されます。

ナビゲーション UI の許容される変更に関するガイドラインについては、ポリシーページをご覧ください。

コードを表示する

ナビゲーションアクティビティの Java コードの表示と非表示を切り替えます。

package com.example.navsdkcustomization;

import android.content.pm.PackageManager;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.util.Log;
import android.widget.Toast;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.app.ActivityCompat;
import androidx.core.content.ContextCompat;
import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.GoogleMap.CameraPerspective;
import com.google.android.gms.maps.OnMapReadyCallback;
import com.google.android.gms.maps.model.BitmapDescriptorFactory;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.Marker;
import com.google.android.gms.maps.model.MarkerOptions;
import com.google.android.libraries.navigation.AudioGuidanceSettings;
import com.google.android.libraries.navigation.ListenableResultFuture;
import com.google.android.libraries.navigation.NavigationApi;
import com.google.android.libraries.navigation.NavigationFragment;
import com.google.android.libraries.navigation.Navigator;
import com.google.android.libraries.navigation.SimulationOptions;
import com.google.android.libraries.navigation.StylingOptions;
import com.google.android.libraries.navigation.Waypoint;

/** An activity that displays a map and a customized navigation UI. */
public class NavigationActivityCustomization extends AppCompatActivity {

  private static final String TAG = NavigationActivityCustomization.class.getSimpleName();
  private Navigator mNavigator;
  private NavigationFragment mNavFragment;
  private GoogleMap mMap;
  // Define the Sydney Opera House by specifying its place ID.
  private static final String SYDNEY_OPERA_HOUSE = "ChIJ3S-JXmauEmsRUcIaWtf4MzE";
  // Set fields for requesting location permission.
  private static final int PERMISSIONS_REQUEST_ACCESS_FINE_LOCATION = 1;
  private boolean mLocationPermissionGranted;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    // Initialize the Navigation SDK.
    initializeNavigationSdk();
  }

  /**
   * Starts the Navigation SDK and sets the camera to follow the device's location. Calls the
   * navigateToPlace() method when the navigator is ready.
   */
  private void initializeNavigationSdk() {
    /*
     * Request location permission, so that we can get the location of the
     * device. The result of the permission request is handled by a callback,
     * onRequestPermissionsResult.
     */
    if (ContextCompat.checkSelfPermission(
            this.getApplicationContext(), android.Manifest.permission.ACCESS_FINE_LOCATION)
        == PackageManager.PERMISSION_GRANTED) {
      mLocationPermissionGranted = true;
    } else {
      ActivityCompat.requestPermissions(
          this,
          new String[] {android.Manifest.permission.ACCESS_FINE_LOCATION},
          PERMISSIONS_REQUEST_ACCESS_FINE_LOCATION);
    }

    if (!mLocationPermissionGranted) {
      displayMessage(
          "Error loading Navigation SDK: " + "The user has not granted location permission.");
      return;
    }

    // Get a navigator.
    NavigationApi.getNavigator(
        this,
        new NavigationApi.NavigatorListener() {
          /** Sets up the navigation UI when the navigator is ready for use. */
          @Override
          public void onNavigatorReady(Navigator navigator) {
            displayMessage("Navigator ready.");
            mNavigator = navigator;
            mNavFragment =
                (NavigationFragment)
                    getSupportFragmentManager().findFragmentById(R.id.navigation_fragment);

            // Get the map.
            mNavFragment.getMapAsync(
                new OnMapReadyCallback() {
                  @Override
                  public void onMapReady(GoogleMap map) {
                    mMap = map;
                    // Navigate to a place, specified by Place ID.
                    navigateToPlace(SYDNEY_OPERA_HOUSE);
                  }
                });
          }

          /**
           * Handles errors from the Navigation SDK.
           *
           * @param errorCode The error code returned by the navigator.
           */
          @Override
          public void onError(@NavigationApi.ErrorCode int errorCode) {
            switch (errorCode) {
              case NavigationApi.ErrorCode.NOT_AUTHORIZED:
                displayMessage(
                    "Error loading Navigation SDK: Your API key is "
                        + "invalid or not authorized to use the Navigation SDK.");
                break;
              case NavigationApi.ErrorCode.TERMS_NOT_ACCEPTED:
                displayMessage(
                    "Error loading Navigation SDK: User did not accept "
                        + "the Navigation Terms of Use.");
                break;
              case NavigationApi.ErrorCode.NETWORK_ERROR:
                displayMessage("Error loading Navigation SDK: Network error.");
                break;
              case NavigationApi.ErrorCode.LOCATION_PERMISSION_MISSING:
                displayMessage(
                    "Error loading Navigation SDK: Location permission " + "is missing.");
                break;
              default:
                displayMessage("Error loading Navigation SDK: " + errorCode);
            }
          }
        });
  }

  /** Customizes the navigation UI and the map. */
  private void customizeNavigationUI() {
    // Set custom colors for the navigator.
    mNavFragment.setStylingOptions(
        new StylingOptions()
            .primaryDayModeThemeColor(0xff1A237E)
            .secondaryDayModeThemeColor(0xff3F51B5)
            .primaryNightModeThemeColor(0xff212121)
            .secondaryNightModeThemeColor(0xff424242)
            .headerLargeManeuverIconColor(0xffffff00)
            .headerSmallManeuverIconColor(0xffffa500)
            .headerNextStepTypefacePath("/system/fonts/NotoSerif-BoldItalic.ttf")
            .headerNextStepTextColor(0xff00ff00)
            .headerNextStepTextSize(20f)
            .headerDistanceTypefacePath("/system/fonts/NotoSerif-Italic.ttf")
            .headerDistanceValueTextColor(0xff00ff00)
            .headerDistanceUnitsTextColor(0xff0000ff)
            .headerDistanceValueTextSize(20f)
            .headerDistanceUnitsTextSize(18f)
            .headerInstructionsTypefacePath("/system/fonts/NotoSerif-BoldItalic.ttf")
            .headerInstructionsTextColor(0xffffff00)
            .headerInstructionsFirstRowTextSize(24f)
            .headerInstructionsSecondRowTextSize(20f)
            .headerGuidanceRecommendedLaneColor(0xffffa500));

    mMap.setTrafficEnabled(false);

    // Place a marker at the final destination.
    if (mNavigator.getCurrentRouteSegment() != null) {
      LatLng destinationLatLng = mNavigator.getCurrentRouteSegment().getDestinationLatLng();

      Bitmap destinationMarkerIcon =
          BitmapFactory.decodeResource(getResources(), R.drawable.ic_person_pin_48dp);

      mMap.addMarker(
          new MarkerOptions()
              .position(destinationLatLng)
              .icon(BitmapDescriptorFactory.fromBitmap(destinationMarkerIcon))
              .title("Destination marker"));

      // Listen for a tap on the marker.
      mMap.setOnMarkerClickListener(
          new GoogleMap.OnMarkerClickListener() {
            @Override
            public boolean onMarkerClick(Marker marker) {
              displayMessage(
                  "Marker tapped: "
                      + marker.getTitle()
                      + ", at location "
                      + marker.getPosition().latitude
                      + ", "
                      + marker.getPosition().longitude);

              // The event has been handled.
              return true;
            }
          });
    }

    // Set the camera to follow the device location with 'TILTED' driving view.
    mMap.followMyLocation(CameraPerspective.TILTED);
  }

  /**
   * Requests directions from the user's current location to a specific place (provided by the
   * Google Places API).
   */
  private void navigateToPlace(String placeId) {
    Waypoint destination;
    try {
      destination =
          Waypoint.builder().setPlaceIdString(placeId).build();
    } catch (Waypoint.UnsupportedPlaceIdException e) {
      displayMessage("Error starting navigation: Place ID is not supported.");
      return;
    }

    // Create a future to await the result of the asynchronous navigator task.
    ListenableResultFuture<Navigator.RouteStatus> pendingRoute =
        mNavigator.setDestination(destination);

    // Define the action to perform when the SDK has determined the route.
    pendingRoute.setOnResultListener(
        new ListenableResultFuture.OnResultListener<Navigator.RouteStatus>() {
          @Override
          public void onResult(Navigator.RouteStatus code) {
            switch (code) {
              case OK:
                // Hide the toolbar to maximize the navigation UI.
                if (getActionBar() != null) {
                  getActionBar().hide();
                }

                // Customize the navigation UI.
                customizeNavigationUI();

                // Enable voice audio guidance (through the device speaker).
                AudioGuidanceSettings audioSettings =
                    AudioGuidanceSettings.builder()
                        .setGuidanceMode(
                            AudioGuidanceSettings.GuidanceMode.VOICE_ALERTS_AND_GUIDANCE)
                        .build();
                mNavigator.setAudioGuidanceSettings(audioSettings);

                // Simulate vehicle progress along the route for demo/debug builds.
                if (BuildConfig.DEBUG) {
                  mNavigator
                      .getSimulator()
                      .simulateLocationsAlongExistingRoute(
                          new SimulationOptions().speedMultiplier(5));
                }

                // Start turn-by-turn guidance along the current route.
                mNavigator.startGuidance();
                break;
              // Handle error conditions returned by the navigator.
              case NO_ROUTE_FOUND:
                displayMessage("Error starting navigation: No route found.");
                break;
              case NETWORK_ERROR:
                displayMessage("Error starting navigation: Network error.");
                break;
              case ROUTE_CANCELED:
                displayMessage("Error starting navigation: Route canceled.");
                break;
              case ROUTING_TIMEOUT:
                displayMessage("Error starting navigation: Routing timed out.");
                break;
              default:
                displayMessage("Error starting navigation: " + String.valueOf(code));
            }
          }
        });
  }

  /** Handles the result of the request for location permissions. */
  @Override
  public void onRequestPermissionsResult(
      int requestCode, @NonNull String[] permissions, @NonNull int[] grantResults) {
    mLocationPermissionGranted = false;
    switch (requestCode) {
      case PERMISSIONS_REQUEST_ACCESS_FINE_LOCATION:
        {
          // If request is canceled, the result arrays are empty.
          if (grantResults.length > 0 && grantResults[0] == PackageManager.PERMISSION_GRANTED) {
            mLocationPermissionGranted = true;
          }
        }
    }
  }

  /**
   * Shows a message on screen and in the log. Used when something goes wrong.
   *
   * @param errorMessage The message to display.
   */
  private void displayMessage(String errorMessage) {
    Toast.makeText(this, errorMessage, Toast.LENGTH_LONG).show();
    Log.d(TAG, errorMessage);
  }
}

目的地のハイライト表示と入り口

placeID を使用して目的地が作成されると、可能な場合は目的地の建物がハイライト表示され、入り口アイコンが表示されます。これらの視覚的な手がかりは、ユーザーが目的地を識別して移動するのに役立ちます。

placeID を使用して宛先を作成するには、Waypoint.Builder.setPlaceIdString() メソッドを使用します。

ナビゲーションヘッダーを変更する

NavigationFragment.setStylingOptions() または NavigationView.setStylingOptions() を使用して、ナビゲーションヘッダーのテーマと、ヘッダーの下に表示される次の曲がり角のインジケーター（利用可能な場合）を変更します。

次の属性を設定できます。

属性タイプ	属性
背景色	メインの日中モード - ナビゲーションヘッダーの日中の色セカンダリデイモード - 次のターンのインジケーターの昼間の色メインの夜間モード - ナビゲーションヘッダーの夜間の色セカンダリナイトモード - 次の曲がり角のインジケーターの夜間色
手順のテキスト要素	テキストの色フォント 1 行目のテキストサイズ 2 行目のテキストサイズ
次のステップのテキスト要素	フォント距離値のテキストの色距離値のテキストサイズ距離単位のテキストの色距離単位のテキストサイズ
操作アイコン	大きな操作アイコンの色小さな操作アイコンの色
車線案内	推奨される車線の色

次の例は、スタイル設定オプションを設定する方法を示しています。

private NavigationFragment mNavFragment;
mNavFragment = (NavigationFragment) getSupportFragmentManager()
  .findFragmentById(R.id.navigation_fragment);

// Set the styling options on the fragment.
mNavFragment.setStylingOptions(new StylingOptions()
  .primaryDayModeThemeColor(0xff1A237E)
  .secondaryDayModeThemeColor(0xff3F51B5)
  .primaryNightModeThemeColor(0xff212121)
  .secondaryNightModeThemeColor(0xff424242)
  .headerLargeManeuverIconColor(0xffffff00)
  .headerSmallManeuverIconColor(0xffffa500)
  .headerNextStepTypefacePath("/system/fonts/NotoSerif-BoldItalic.ttf")
  .headerNextStepTextColor(0xff00ff00)
  .headerNextStepTextSize(20f)
  .headerDistanceTypefacePath("/system/fonts/NotoSerif-Italic.ttf")
  .headerDistanceValueTextColor(0xff00ff00)
  .headerDistanceUnitsTextColor(0xff0000ff)
  .headerDistanceValueTextSize(20f)
  .headerDistanceUnitsTextSize(18f)
  .headerInstructionsTypefacePath("/system/fonts/NotoSerif-BoldItalic.ttf")
  .headerInstructionsTextColor(0xffffff00)
  .headerInstructionsFirstRowTextSize(24f)
  .headerInstructionsSecondRowTextSize(20f)
  .headerGuidanceRecommendedLaneColor(0xffffa500));

交通状況レイヤをオフにする

GoogleMap.setTrafficEnabled() を使用して、地図上の交通状況レイヤを有効または無効にします。この設定は、地図全体に表示される交通密度の表示に影響します。ただし、ナビゲーターによってプロットされたルートの交通状況の表示には影響しません。

private GoogleMap mMap;
// Get the map, and when the async call returns, setTrafficEnabled
// (callback will be on the UI thread)
mMap = mNavFragment.getMapAsync(navMap -> navMap.setTrafficEnabled(false));

信号機と一時停止標識

ナビゲーションルート上の信号機と一時停止標識のアイコン。

ナビゲーション中、地図には信号機と一時停止の標識が表示され、ルートや今後の操作に関する詳細なコンテキストがユーザーに提供されます。バージョン 8.0.0 以降では、この機能をオフにすることはできません。

カスタムマーカーを追加する

Navigation SDK for Android で、マーカーに Google Maps API が使用されるようになりました。詳しくは、Maps API のドキュメントをご覧ください。

フローティングテキスト

Google の帰属表示を覆わない限り、アプリ内の任意の場所にフローティングテキストを追加できます。Navigation SDK では、地図上の緯度/経度やラベルにテキストを固定することはできません。詳しくは、情報ウィンドウをご覧ください。

速度制限を表示する

速度制限アイコンの表示と非表示をプログラムで切り替えることができます。NavigationView.setSpeedLimitIconEnabled() または NavigationFragment.setSpeedLimitIconEnabled() を使用して、制限速度アイコンの表示と非表示を切り替えます。有効にすると、案内中に速度制限アイコンが画面下部の隅に表示されます。アイコンには、車両が走行している道路の制限速度が表示されます。このアイコンは、信頼できる速度制限データが利用可能な地域でのみ表示されます。

 // Display the Speed Limit icon
 mNavFragment.setSpeedLimitIconEnabled(true);

[再センタリング] ボタンが表示されている間、速度制限アイコンは一時的に非表示になります。

夜間モードを設定する

夜間モードの動作をプログラムで制御できます。NavigationView.setForceNightMode() または NavigationFragment.setForceNightMode() を使用して、夜間モードのオンとオフを切り替えるか、Navigation SDK for Android で制御します。

AUTO: デバイスの位置情報と現地時間に基づいて、Navigation SDK が適切なモードを判断します。
FORCE_NIGHT は夜間モードを強制的にオンにします。
FORCE_DAY は、昼間モードを強制的にオンにします。

次の例は、ナビゲーションフラグメント内で夜間モードを強制的にオンにする方法を示しています。

// Force night mode on.
mNavFragment.setForceNightMode(FORCE_NIGHT);

経路リストを表示する

まず、ビューを作成して階層に追加します。

void setupDirectionsListView() {
  // Create the view.
  DirectionsListView directionsListView = new DirectionsListView(getApplicationContext());
  // Add the view to your view hierarchy.
  ViewGroup group = findViewById(R.id.directions_view);
  group.addView(directionsListView);

  // Add a button to your layout to close the directions list view.
  ImageButton button = findViewById(R.id.close_directions_button); // this button is part of the container we hide in the next line.
  button.setOnClickListener(
      v -> findViewById(R.id.directions_view_container).setVisibility(View.GONE));
}

NavigationView と同様に、ライフサイクルイベントを DirectionsListView に転送してください。次に例を示します。

protected void onResume() {
  super.onResume();
  directionsListView.onResume();
}

別の経路を非表示にする

ユーザーインターフェースに表示される情報が多すぎる場合は、代替ルートの表示数をデフォルト（2 つ）より減らすか、代替ルートをまったく表示しないことで、表示される情報を減らすことができます。このオプションは、次のいずれかの列挙値を使用して RoutingOptions.alternateRoutesStrategy() メソッドを呼び出すことで、ルートを取得する前に構成できます。

列挙値	説明
AlternateRoutesStrategy.SHOW_ALL	デフォルト。最大 2 つの代替ルートが表示されます。
AlternateRoutesStrategy.SHOW_ONE	別のルートを 1 つ表示します（利用可能な場合）。
AlternateRoutesStrategy.SHOW_NONE	別のルートを非表示にします。

次のコード例は、代替ルートを完全に非表示にする方法を示しています。

RoutingOptions routingOptions = new RoutingOptions();
routingOptions.alternateRoutesStrategy(AlternateRoutesStrategy.SHOW_NONE);
navigator.setDestinations(destinations, routingOptions, displayOptions);

ルートの進行状況バー

ナビゲーションにルートの進行状況バーを追加しました。

ルート進行状況バーは、ナビゲーションの開始時に地図の開始/先頭側に表示される縦棒です。有効にすると、ユーザーの目的地と現在地とともに、ルート全体の概要が表示されます。

これにより、ユーザーはズームインしなくても、交通状況などの今後の問題を予測できます。必要に応じて、ルートを変更できます。ユーザーがルートを変更すると、進行状況バーがリセットされ、その時点から新しいルートが開始されたかのように表示されます。

ルートの進行状況バーには、次のステータスインジケーターが表示されます。

ルートの経過部分 - ルートの経過部分。
現在地 - ルート上のユーザーの現在地。
トラフィックステータス - 今後のトラフィックのステータス。
最終目的地 - ルートの最終目的地。

NavigationView または NavigationFragment で setTripProgressBarEnabled() メソッドを呼び出して、ルートの進行状況バーを有効にします。次に例を示します。

// Enable the trip progress bar.
mNavFragment.setTripProgressBarEnabled(true);

ルートの進行状況バーの位置

バーの左側は、スピードメーター、Google ロゴ、[中心を再設定] ボタン（表示されている場合）の左側とほぼ揃っています。幅は 12 dp です。
ルートの進行状況バーの高さは固定されています。小型デバイスの垂直方向のスペース制限に対応するため、ルートの進行状況バーの表示と高さは、画面の高さに指定されたブレークポイントに基づいて調整されます。これらのブレークポイントは、デバイスの向きや、地図が画面上で実際に占めるスペースとは無関係です。

画面の高さ	トリップの進行状況バーの表示	移動の進行状況バーの高さ	ルートの進行状況バーの Y 軸の位置
小: 0 dp ～ 551 dp	非表示	なし	なし
中: 552 dp ～ 739 dp	表示	130 dp	開始側のコントロール（速度計、Google ロゴ、[中心を再設定] ボタン）の上
大: 740 dp 以上	表示	290 dp	開始側のコントロール（速度計、Google ロゴ、[中心を再設定] ボタン）の上

ルートの進行状況バーがターンカードや他のナビゲーション UI 要素と重なる場合は、それらの要素の下に表示されます。

コンパス

Navigation SDK を使用して、特定の状況下で地図の右上にコンパスグラフィックを表示することができます。ユーザーがコンパスをクリックすると、カメラの方向がゼロの位置（デフォルトの向き）に戻る様子がアニメーション表示されてから、間もなくコンパスが消えます。

ナビゲーションが有効で、カメラモードが「追従」に設定されている場合、コンパスは表示されたままになり、コンパスをタップすると、傾斜カメラと概要カメラの視点が切り替わります。

ドライバーの注意散漫を防ぐため、ヘッダー（ポートレートモード）が拡大してコンパスのデフォルトの位置と競合する場合でも、コンパスは同じ位置に留まります。セカンダリヘッダーのカスタムコントロールまたはヘッダーアクセサリービューを追加すると、UI の競合を避けるためにコンパスが非表示になります。

コンパスは、日中モードと夜間モード、ダークモードに対応しています。

コンパスはデフォルトで有効になっています。コンパスを有効にするかどうかは、GoogleMapOptions クラスの compassEnabled メソッドを使用して設定できます。

建物の 3D 表示をオフにする

パフォーマンスに制約のあるデバイスでは、GoogleMap.setBuildingsEnabled(false) を呼び出すことで、建物の 3D 表示をオフにできます。

Prompt Visibility API（試験運用版）

Prompt Visibility API を使用すると、Navigation SDK によって生成される UI 要素と独自のカスタム UI 要素との競合を回避できます。これには、Navigation SDK の UI 要素が表示される直前と、要素が削除された直後にコールバックを受け取るリスナーを追加します。コードサンプルを含む詳細については、リアルタイムの運行状況を構成するページの Prompt Visibility API セクションをご覧ください。