नेविगेशन यूज़र इंटरफ़ेस (यूआई) में बदलाव करना

Android के लिए नेविगेशन SDK टूल का इस्तेमाल करके, अपने मैप पर उपयोगकर्ता अनुभव को बेहतर बनाया जा सकता है. ऐसा करने के लिए, पहले से मौजूद यूज़र इंटरफ़ेस (यूआई) कंट्रोल और एलिमेंट तय करें. नेविगेशन यूज़र इंटरफ़ेस (यूआई) के विज़ुअल लुक में भी बदलाव किया जा सकता है. नेविगेशन यूज़र इंटरफ़ेस (यूआई) में स्वीकार किए जाने वाले बदलावों से जुड़े दिशा-निर्देशों के लिए, नीतियां पेज देखें.

यह दस्तावेज़ आपके मैप के यूज़र इंटरफ़ेस में दो तरीकों से बदलाव करने का तरीका बताता है:

• मैप के यूज़र इंटरफ़ेस (यूआई) के कंट्रोल
• मैप यूज़र इंटरफ़ेस (यूआई) की ऐक्सेसरी

चेतावनी: Android नेविगेशन SDK के साथ, मैप आईडी वाली क्लाउड-आधारित मैप स्टाइल काम नहीं करती.

मैप के यूज़र इंटरफ़ेस (यूआई) के कंट्रोल

मैप के यूज़र इंटरफ़ेस (यूआई) कंट्रोल, नेविगेशन व्यू के सबसे ऊपर मौजूद होते हैं. बिल्ट-इन लेआउट में बदलाव होने पर, Android के लिए नेविगेशन SDK टूल, आपके कस्टम कंट्रोल की जगह अपने-आप बदल देता है. लेआउट की हर पोज़िशन के लिए, अपने हिसाब से एक कंट्रोल सेट किया जा सकता है. कस्टम कंट्रोल एक यूज़र इंटरफ़ेस (यूआई) एलिमेंट हो सकता है. इसके अलावा, अगर आपके डिज़ाइन के लिए ज़्यादा डिज़ाइन की ज़रूरत है, तो कई यूज़र इंटरफ़ेस (यूआई) एलिमेंट के साथ ViewGroup का इस्तेमाल किया जा सकता है.

setCustomControl का तरीका, CustomControlPosition enum में बताई गई पोज़िशन देता है:

• SECONDARY_HEADER (यह सिर्फ़ पोर्ट्रेट मोड में दिखता है)
• BOTTOM_START_BELOW
• BOTTOM_END_BELOW

इस इमेज में, यूज़र इंटरफ़ेस (यूआई) कंट्रोल की अलग-अलग स्थितियों के उदाहरण दिखाए गए हैं. इससे, ड्राइवर की जगह के बारे में जानकारी मिलती है.

अपनी पसंद के मुताबिक सेकंडरी हेडर जोड़ें

नेविगेशन मोड में स्क्रीन लेआउट डिफ़ॉल्ट रूप से, मुख्य हेडर के नीचे मौजूद सेकंडरी हेडर के लिए पोज़िशन देते हैं. यह सेकंडरी हेडर ज़रूरी होने पर दिखता है, जैसे लेन के दिशा-निर्देश देने पर. आपका ऐप्लिकेशन कस्टम कॉन्टेंट के लिए, लेआउट की इस दूसरी हेडर पोज़िशन का इस्तेमाल कर सकता है. इस सुविधा का इस्तेमाल करने पर, आपके कंट्रोल में डिफ़ॉल्ट तौर पर दूसरा हेडर कॉन्टेंट शामिल हो जाता है. अगर आपके नेविगेशन व्यू में बैकग्राउंड है, तो वह बैकग्राउंड अपनी जगह पर ही रहता है और दूसरे हेडर से कवर होता है. जब आपका ऐप्लिकेशन कस्टम कंट्रोल हटाता है, तो उसकी जगह पर कोई भी डिफ़ॉल्ट सेकंडरी हेडर दिख सकता है.

कस्टम सेकंडरी हेडर की पोज़िशन, सबसे ऊपर के किनारे को मुख्य हेडर के निचले किनारे के साथ अलाइन करती है. यह स्थान केवल portrait mode में समर्थित है. landscape mode में, सेकंडरी हेडर उपलब्ध नहीं है और लेआउट में भी बदलाव नहीं होता.

1. कस्टम यूज़र इंटरफ़ेस (यूआई) एलिमेंट या ViewGroup के साथ Android व्यू बनाएं.
2. व्यू का इंस्टेंस पाने के लिए, एक्सएमएल को इनफ़्लेट करें या कस्टम व्यू को इंस्टैंशिएट करें, ताकि इसे सेकंडरी हेडर के तौर पर जोड़ा जा सके.

3. NavigationView.setCustomControl या SupportNavigationFragment.setCustomControl का इस्तेमाल CustomControlPosition के साथ, स्टिकर_हेडर के तौर पर करें.

   ध्यान दें: आपके ऐप्लिकेशन को यूज़र इंटरफ़ेस (यूआई) थ्रेड पर इस तरीके को कॉल करना चाहिए.

   नीचे दिए गए उदाहरण में फ़्रैगमेंट बनाया गया है और हेडर की दूसरी पोज़िशन में कस्टम कंट्रोल जोड़ा गया है.

   ध्यान दें: उदाहरण में दिए गए कोड में लाइन ब्रेक हैं, ताकि दस्तावेज़ में दिखें. पक्का करें कि आप उन्हें सही तरीके से हटा दें.

    mNavFragment.setCustomControl(getLayoutInflater().
      inflate(R.layout.your_custom_control, null),
      CustomControlPosition.SECONDARY_HEADER);
   

सेकंडरी हेडर हटाना

सेकंडरी हेडर को हटाने और डिफ़ॉल्ट कॉन्टेंट पर वापस जाने के लिए, setCustomControl तरीके का इस्तेमाल करें.

व्यू हटाने के लिए, व्यू को null पर सेट करें.

mNavFragment.setCustomControl(null, CustomControlPosition.SECONDARY_HEADER);

नेविगेशन व्यू में सबसे नीचे कस्टम कंट्रोल जोड़ें

आपका ऐप्लिकेशन, नेविगेशन व्यू के निचले किनारे में कस्टमाइज़ किया गया कस्टम कंट्रोल तय कर सकता है. जब आपके ऐप्लिकेशन में कस्टम कंट्रोल जोड़ा जाता है, तो 'री-सेंटर' बटन और Google लोगो को उसके हिसाब से ऊपर की ओर ले जाया जाता है.

1. उस यूज़र इंटरफ़ेस (यूआई) एलिमेंट या व्यू ग्रुप के साथ Android व्यू बनाएं जिसे जोड़ना है.
2. नेविगेशन व्यू या फ़्रैगमेंट बनाएं.
3. नेविगेशन व्यू या फ़्रैगमेंट पर setCustomControl तरीके को कॉल करें और इस्तेमाल करने के लिए कंट्रोल और जगह की जानकारी दें.

ध्यान दें: आपके ऐप्लिकेशन को यूआई थ्रेड पर, इस तरीके को कॉल करना होगा.

नीचे दिए गए उदाहरण में, SupportNavigationFragment में जोड़े गए कस्टम View के बारे में बताया गया है:

private SupportNavigationFragment mNavFragment;
mNavFragment = (SupportNavigationFragment)
  getFragmentManager().findFragmentById(R.id.navigation_fragment);

// Create the custom control view.
MyCustomView myCustomView = new MyCustomView();

// Add the custom control to the bottom end corner of the layout.
mNavFragment.setCustomControl(myCustomView, CustomControlPosition.
  BOTTOM_END_BELOW);

कस्टम कंट्रोल हटाना

कस्टम कंट्रोल हटाने के लिए, setCustomControl तरीके का इस्तेमाल करें और कंट्रोल की वह पोज़िशन बताएं जिसे आपको हटाना है.

उस पोज़िशन के लिए व्यू को null पर सेट करें.

mNavFragment.setCustomControl(null, CustomControlPosition.BOTTOM_END_BELOW);

मैप यूज़र इंटरफ़ेस (यूआई) की ऐक्सेसरी

Android के लिए नेविगेशन SDK, नेविगेशन के दौरान Google Maps ऐप्लिकेशन में मिलने वाली सुविधाओं से मिलती-जुलती चीज़ें उपलब्ध कराता है. इस सेक्शन में बताए गए तरीके से, इन कंट्रोल के दिखने या दिखने के तरीके में बदलाव किया जा सकता है. यहां किए गए बदलाव, ड्राइवर की अगली यात्रा के दौरान दिखते हैं.

नेविगेशन यूज़र इंटरफ़ेस (यूआई) में स्वीकार किए जाने वाले बदलावों से जुड़े दिशा-निर्देशों के लिए, नीतियां पेज देखें.

कोड देखें

< > नेविगेशन गतिविधि के लिए Java कोड दिखाएं/छिपाएं.

package com.example.navsdkcustomization;

import android.content.pm.PackageManager;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.support.v4.app.ActivityCompat;
import android.support.v4.content.ContextCompat;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.widget.Toast;
import androidx.annotation.NonNull;
import com.google.android.libraries.navigation.Camera;
import com.google.android.libraries.navigation.LatLng;
import com.google.android.libraries.navigation.ListenableResultFuture;
import com.google.android.libraries.navigation.Marker;
import com.google.android.libraries.navigation.MarkerOptions;
import com.google.android.libraries.navigation.NavigationApi;
import com.google.android.libraries.navigation.NavigationMap;
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.SupportNavigationFragment;
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 SupportNavigationFragment mNavFragment;
    private NavigationMap 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 = (SupportNavigationFragment) getFragmentManager()
                                .findFragmentById(R.id.navigation_fragment);

                        // 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));
        // Get the map.
        mMap = mNavFragment.getMap();
        // Turn off the traffic layer on the map.
        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(destinationMarkerIcon)
                    .title("Destination marker"));

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


        // Set the camera to follow the device location with 'TILTED' driving view.
        mNavFragment.getCamera().followMyLocation(Camera.Perspective.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.fromPlaceId(placeId, null);
        } 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).
                                mNavigator.setAudioGuidance(
                                        Navigator.AudioGuidance.VOICE_ALERTS_AND_GUIDANCE);

                                // 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;
                            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);
    }
}

नेविगेशन हेडर में बदलाव करना

नेविगेशन हेडर की थीम और हेडर के नीचे दिखने वाले 'अगला मोड़' इंंडिकेटर को उपलब्ध होने पर, बदलने के लिए SupportNavigationFragment.setStylingOptions() या NavigationView.setStylingOptions() का इस्तेमाल करें.

इन एट्रिब्यूट को सेट किया जा सकता है:

विशेषता प्रकार	विशेषताएं
बैकग्राउंड का रंग	प्राइमरी डे मोड - नेविगेशन हेडर का दिन के समय का रंग द्वितीयक दिन मोड - अगले मोड़ के संकेतक का दिन के समय का रंग प्राइमरी नाइट मोड - नेविगेशन हेडर का रात के समय का रंग सेकंडरी नाइट मोड - अगले मोड़ के इंंडिकेटर का रात के समय का रंग
निर्देशों के लिए टेक्स्ट एलिमेंट	टेक्स्ट का रंग फ़ॉन्ट पहली लाइन के टेक्स्ट का साइज़ दूसरी पंक्ति के टेक्स्ट का साइज़
अगले चरणों के लिए टेक्स्ट एलिमेंट	फ़ॉन्ट दूरी की वैल्यू के लिए टेक्स्ट का रंग दूरी की वैल्यू के लिए टेक्स्ट का साइज़ दूरी की इकाइयों के लिए टेक्स्ट का रंग दूरी की इकाइयों के टेक्स्ट का साइज़
नेविगेटर वाले आइकॉन	कौशल वाले बड़े आइकॉन का रंग कौशल वाले छोटे आइकॉन का रंग
लेन गाइड	सुझाई गई लेन या लेन का रंग

नीचे दिए गए उदाहरण में, स्टाइल के विकल्प सेट करने का तरीका बताया गया है:

private SupportNavigationFragment mNavFragment;
mNavFragment = (SupportNavigationFragment) getFragmentManager()
  .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));

ट्रैफ़िक लाइट चालू करना और साइनबोर्ड रोकना

मैप यूज़र इंटरफ़ेस (यूआई) में ट्रैफ़िक लाइट की सुविधा चालू की जा सकती है और साइन को बंद किया जा सकता है. इस सुविधा से, ड्राइवर अपने रास्ते के साथ-साथ ट्रैफ़िक लाइट या साइन आइकॉन वाले आइकॉन दिखाना बंद कर सकता है, जिससे कि सफ़र को आसान और सटीक बनाने में मदद मिलती है.

डिफ़ॉल्ट रूप से, नेविगेशन SDK टूल में ट्रैफ़िक लाइट और स्टॉप साइन बंद रहते हैं. इस सुविधा को चालू करने के लिए, हर सुविधा के लिए अलग-अलग DisplayOptions पर कॉल करें.

DisplayOptions displayOptions =
  new DisplayOptions().showTrafficLights(true).showStopSigns(true);

कस्टम मार्कर जोड़ें

Android के लिए नेविगेशन SDK टूल, अब मार्कर के लिए Google Maps API का इस्तेमाल करता है. ज़्यादा जानकारी के लिए, Maps API से जुड़े दस्तावेज़ पर जाएं.

फ़्लोटिंग टेक्स्ट

अपने ऐप्लिकेशन में कहीं भी फ़्लोटिंग टेक्स्ट जोड़ा जा सकता है, बशर्ते कि वह टेक्स्ट Google एट्रिब्यूशन को कवर न करता हो. नेविगेशन SDK टूल से, मैप पर किसी अक्षांश/देशांतर या किसी लेबल पर टेक्स्ट को ऐंकर करने की सुविधा काम नहीं करती. ज़्यादा जानकारी के लिए, जानकारी विंडो पर जाएं.

रफ़्तार की सीमा दिखाएं

आपके पास प्रोग्राम के हिसाब से, स्पीड सीमा के आइकॉन को दिखाने या छिपाने का विकल्प होता है. रफ़्तार की सीमा का आइकॉन दिखाने या छिपाने के लिए, NavigationView.setSpeedLimitIconEnabled() या SupportNavigationFragment.setSpeedLimitIconEnabled() का इस्तेमाल करें. चालू होने पर, निर्देश के दौरान रफ़्तार की सीमा आइकॉन सबसे नीचे कोने में दिखता है. इस आइकॉन से पता चलता है कि वाहन किस रफ़्तार से चल रहा है. आइकॉन सिर्फ़ उन जगहों पर दिखता है जहां रफ़्तार की सीमा से जुड़ा भरोसेमंद डेटा मौजूद है.

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

फिर से बीच में लाने वाले बटन के दिखने पर, स्पीड सीमा वाला आइकॉन कुछ समय के लिए छिप जाता है.

ध्यान दें: ड्राइवर को सड़क पर पोस्ट किए गए सभी साइन बोर्ड का पालन करना होगा. स्पीड सीमा आइकॉन में पोस्ट किया गया डेटा, सिर्फ़ रेफ़रंस के तौर पर काम करता है. रफ़्तार की सीमा का डेटा सटीक होने की गारंटी नहीं दी जा सकती. Google Cloud के सहायता पेज पर जाकर, स्पीड लिमिट से जुड़े डेटा में गड़बड़ी की शिकायत की जा सकती है.

नाइट मोड सेट करें

नाइट मोड की सुविधा को प्रोग्राम के हिसाब से कंट्रोल किया जा सकता है. नाइट मोड को चालू या बंद करने के लिए, NavigationView.setForceNightMode() या SupportNavigationFragment.setForceNightMode() का इस्तेमाल करें या Android के नेविगेशन SDK टूल को इसे कंट्रोल करने दें.

• AUTO नेविगेशन 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));
}

लाइफ़ साइकल के इवेंट को DirectionsListView पर ठीक वैसे ही फ़ॉरवर्ड करें जैसे NavigationView के साथ किया गया है. उदाहरण के लिए:

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

दूसरे रास्ते छिपाए जा रहे हैं

चेतावनी: यह सुविधा, फ़िलहाल सबसे छोटे/सबसे तेज़ रास्ते की सुविधा के साथ काम नहीं करती. एक ही समय पर दोनों सुविधाओं का इस्तेमाल करने से, गलत व्यवहार हो सकता है.

जब यूज़र इंटरफ़ेस बहुत ज़्यादा जानकारी से भरा हो जाए, तो डिफ़ॉल्ट (दो) से कम वैकल्पिक रास्ते दिखाएं या कोई भी दूसरा रास्ता न दिखाएं. रूट को फ़ेच करने से पहले, इस विकल्प को कॉन्फ़िगर किया जा सकता है. इसके लिए, RoutingOptions.alternateRoutesStrategy() तरीके को कॉल करना होगा. इसके लिए, इन एन्युमेशन वैल्यू में से किसी एक का इस्तेमाल किया जा सकता है:

इन्यूमिरेशन वैल्यू	ब्यौरा
AlternateRoutesStrategy.SHOW_ALL	डिफ़ॉल्ट. दो वैकल्पिक रास्ते दिखाता है.
AlternateRoutesStrategy.SHOW_ONE	एक वैकल्पिक रास्ता दिखाता है (अगर कोई वैकल्पिक रास्ता उपलब्ध है).
AlternateRoutesStrategy.SHOW_NONE	वैकल्पिक रास्ते छिपाता है.

नीचे दिए गए कोड के उदाहरण में, वैकल्पिक रास्तों को पूरी तरह छिपाने का तरीका बताया गया है.

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

यात्रा की प्रोग्रेस बार

यात्रा की प्रोग्रेस बार, एक वर्टिकल बार होता है. यह नेविगेशन शुरू होने पर मैप के पीछे दाएं किनारे पर दिखता है. इसे चालू करने पर, यह पूरी यात्रा की खास जानकारी दिखाता है. साथ ही, इसमें ड्राइवर की मंज़िल और मौजूदा स्थिति की जानकारी भी दिखती है.

इसकी मदद से, ड्राइवर बिना किसी ज़ूम इन के, ट्रैफ़िक जैसी आने वाली किसी भी समस्या का तुरंत अनुमान लगा सकते हैं. ज़रूरत पड़ने पर, वे यात्रा का रास्ता बदल सकते हैं. अगर ड्राइवर यात्रा को बदल देता है, तो प्रोग्रेस बार रीसेट हो जाता है, जैसे कि उसी जगह से नई यात्रा शुरू हुई हो.

यात्रा की प्रोग्रेस बार में, यात्रा की स्थिति दिखाने वाले संकेत दिखते हैं:

• बीता हुआ रास्ता—यात्रा का बीत चुका हिस्सा.

• मौजूदा स्थिति—यात्रा के दौरान ड्राइवर की मौजूदा जगह.

• ट्रैफ़िक की स्थिति—आने वाले ट्रैफ़िक की स्थिति.

• आखिरी मंज़िल—आखिरी यात्रा की मंज़िल.

ध्यान दें: यात्रा का प्रोग्रेस बार सिर्फ़ पोर्ट्रेट मोड में दिखता है.

NavigationView या SupportNavigationFragment पर setTripProgressBarEnabled() तरीके को कॉल करके, यात्रा के प्रोग्रेस बार को चालू करें. उदाहरण के लिए:

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