নেভিগেশন UI পরিবর্তন করুন

অ্যান্ড্রয়েডের জন্য নেভিগেশন এসডিকে ব্যবহার করে, আপনি ম্যাপে কোন কোন বিল্ট-ইন UI কন্ট্রোল এবং এলিমেন্ট প্রদর্শিত হবে তা নির্ধারণ করার মাধ্যমে আপনার ম্যাপের ইউজার এক্সপেরিয়েন্স পরিবর্তন করতে পারেন। এছাড়াও আপনি নেভিগেশন UI-এর ভিজ্যুয়াল চেহারা সামঞ্জস্য করতে পারেন। নেভিগেশন UI-তে গ্রহণযোগ্য পরিবর্তনগুলির নির্দেশিকার জন্য পলিসি পৃষ্ঠাটি দেখুন।

এই ডকুমেন্টটিতে আপনার ম্যাপের ইউজার ইন্টারফেস দুটি উপায়ে পরিবর্তন করার পদ্ধতি বর্ণনা করা হয়েছে:

• মানচিত্র UI নিয়ন্ত্রণ
• মানচিত্র UI আনুষাঙ্গিক

মানচিত্র UI নিয়ন্ত্রণ

To place custom UI elements on the navigation view, use Map UI controls for proper positioning. When the built-in layout changes, Navigation SDK for Android automatically repositions your custom controls. You can set one custom control view at a time for each position. If your design requires multiple UI elements, you can place them in a ViewGroup and pass it to the setCustomControl method.

setCustomControl মেথডটি CustomControlPosition enum- এ সংজ্ঞায়িত পজিশনগুলো প্রদান করে:

• SECONDARY_HEADER (শুধুমাত্র পোর্ট্রেট মোডে প্রদর্শিত হয়)
• BOTTOM_START_BELOW
• BOTTOM_END_BELOW
• FOOTER

একটি কাস্টম নিয়ন্ত্রণ যোগ করুন

1. কাস্টম UI এলিমেন্ট বা ViewGroup ব্যবহার করে একটি অ্যান্ড্রয়েড ভিউ তৈরি করুন।
2. ভিউটির একটি ইনস্ট্যান্স পেতে XML ফাইলটি ইনফ্লেট করুন অথবা কাস্টম ভিউটি ইনস্ট্যানশিয়েট করুন।

3. CustomControlPosition enum থেকে নির্বাচিত কাস্টম কন্ট্রোল পজিশন সহ NavigationView.setCustomControl অথবা NavigationFragment.setCustomControl ব্যবহার করুন।

   নিম্নলিখিত উদাহরণটি একটি ফ্র্যাগমেন্ট তৈরি করে এবং সেকেন্ডারি হেডার পজিশনে একটি কাস্টম কন্ট্রোল যোগ করে।

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

একটি কাস্টম নিয়ন্ত্রণ সরান

একটি কাস্টম কন্ট্রোল অপসারণ করতে, ` null ভিউ প্যারামিটার এবং নির্বাচিত কাস্টম কন্ট্রোল পজিশন সহ ` setCustomControl মেথডটি কল করুন।

উদাহরণস্বরূপ, নিম্নলিখিত কোড স্নিপেটটি যেকোনো কাস্টম সেকেন্ডারি হেডার সরিয়ে দেয় এবং ডিফল্ট কন্টেন্টে ফিরে আসে:

mNavFragment.setCustomControl(null, CustomControlPosition.SECONDARY_HEADER);

কাস্টম নিয়ন্ত্রণ অবস্থান

দ্বিতীয় শিরোনাম

এই কাস্টম কন্ট্রোল পজিশনটি ব্যবহার করতে, setCustomControl এ CustomControlPosition.SECONDARY_HEADER পজিশনটি পাস করুন।

By default, screen layouts in navigation mode provide a position for a secondary header located beneath the primary header. This secondary header appears when necessary, such as with lane guidance. Your app can use this secondary header position of the layout for custom content. When you use this feature, your control covers any default secondary header content. If your navigation view has a background, that background remains in place, covered by the secondary header. When your app removes the custom control, any default secondary header can appear in its place.

কাস্টম সেকেন্ডারি হেডার পজিশন এর উপরের প্রান্তকে প্রাইমারি হেডারের নিচের প্রান্তের সাথে সারিবদ্ধ করে। এই পজিশনটি শুধুমাত্র portrait mode সমর্থিত। landscape mode , সেকেন্ডারি হেডারটি অনুপলব্ধ থাকে এবং লেআউটের কোনো পরিবর্তন হয় না।

নীচের শুরু

এই কাস্টম কন্ট্রোল পজিশনটি ব্যবহার করতে, setCustomControl এ CustomControlPosition.BOTTOM_START_BELOW পজিশনটি পাস করুন।

This custom control position sits in the bottom start corner of the map. In both portrait mode and landscape mode , it sits above the ETA card and/or custom footer (or along the bottom of the map if neither are present), and Nav SDK elements including the re-center button and Google logo move up to account for the height of the custom control view. This control is positioned inside the visible map bounds, so any padding added to the bottom or start edges of the map will also change the position of this control.

নীচের প্রান্ত

এই কাস্টম কন্ট্রোল পজিশনটি ব্যবহার করতে, setCustomControl এ CustomControlPosition.BOTTOM_END_BELOW পজিশনটি পাস করুন।

This custom control position sits in the bottom end corner of the map. In portrait mode , it sits above the ETA card and/or custom footer (or along the bottom of the map if neither are present), but in landscape mode it is aligned with the bottom of the map. Any Nav SDK elements visible along the end side (right side in LTR) move up to account for the height of the custom control view. This control is positioned inside the visible map bounds, so any padding added to the bottom or end edges of the map will also change the position of this control.

ফুটার

এই কাস্টম কন্ট্রোল পজিশনটি ব্যবহার করতে, setCustomControl এ CustomControlPosition.FOOTER পজিশনটি পাস করুন।

This custom control position is designed for a custom footer view. If the Nav SDK ETA card is visible, this control sits above it. If not, the control is aligned with the bottom of the map. Unlike the BOTTOM_START_BELOW and BOTTOM_END_BELOW custom controls, this control is positioned outside the visible map bounds, which means that any padding added to the map won't change the position of this control.

portrait mode , কাস্টম ফুটারটি সম্পূর্ণ প্রস্থ জুড়ে থাকে। CustomControlPosition.BOTTOM_START_BELOW এবং CustomControlPosition.BOTTOM_END_BELOW উভয় পজিশনে থাকা কাস্টম কন্ট্রোলগুলো, সেইসাথে রি-সেন্টার বাটন এবং গুগল লোগোর মতো ন্যাভ এসডিকে ইউআই এলিমেন্টগুলো, কাস্টম কন্ট্রোল ফুটারের উপরে অবস্থান করে। শেভরনের ডিফল্ট অবস্থান কাস্টম ফুটারের উচ্চতাকে বিবেচনায় রাখে।

In landscape mode , the custom footer is half width and aligned to the start side (left side in LTR), just like the Nav SDK ETA card. The custom controls in the CustomControlPosition.BOTTOM_START_BELOW position and Nav SDK UI elements like the re-center button and the Google logo are positioned above the custom control footer. The custom controls in CustomControlPosition.BOTTOM_END_BELOW position and any Nav SDK UI elements along the end side (right side in LTR) stay aligned with the bottom of the map. The default position of the chevron does not change when a custom footer is present since the footer does not extend to the end side of the map.

CustomControlPosition.BOTTOM_START_BELOW এবং CustomControlPosition.BOTTOM_END_BELOW পজিশনে থাকা কাস্টম কন্ট্রোলগুলো, সেইসাথে রি-সেন্টার বাটন এবং গুগল লোগোর মতো নেভ এসডিকে ইউআই এলিমেন্টগুলো কাস্টম কন্ট্রোল ফুটারের উপরে অবস্থান করে।

মানচিত্র UI আনুষাঙ্গিক

অ্যান্ড্রয়েডের জন্য নেভিগেশন এসডিকে এমন UI অ্যাক্সেসরিজ প্রদান করে যা নেভিগেশনের সময় প্রদর্শিত হয়, যা অ্যান্ড্রয়েডের জন্য গুগল ম্যাপস অ্যাপ্লিকেশনে পাওয়া অ্যাক্সেসরিজগুলোর মতোই। এই বিভাগে বর্ণিত পদ্ধতি অনুযায়ী আপনি এই কন্ট্রোলগুলোর দৃশ্যমানতা বা বাহ্যিক রূপ সামঞ্জস্য করতে পারেন। এখানে আপনার করা পরিবর্তনগুলো পরবর্তী নেভিগেশন সেশনে প্রতিফলিত হবে।

নেভিগেশন UI-তে গ্রহণযোগ্য পরিবর্তন সংক্রান্ত নির্দেশনার জন্য নীতিমালা পৃষ্ঠাটি দেখুন।

কোডটি দেখুন

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() ব্যবহার করুন।

আপনি নিম্নলিখিত বৈশিষ্ট্যগুলি নির্ধারণ করতে পারেন:

নিম্নলিখিত উদাহরণটি দেখায় কিভাবে স্টাইলিং বিকল্পগুলি সেট করতে হয়:

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

ট্র্যাফিক লাইট এবং স্টপ সাইন সক্রিয় করুন

সক্রিয় নেভিগেশন চলাকালীন আপনি ম্যাপে ট্র্যাফিক লাইট ও স্টপ সাইন প্রদর্শন চালু করতে পারেন, যা পথ ও ভ্রমণের কৌশল সম্পর্কে অতিরিক্ত ধারণা দেয়।

ডিফল্টরূপে, নেভিগেশন এসডিকে-তে ট্র্যাফিক লাইট এবং স্টপ সাইন নিষ্ক্রিয় থাকে। এই বৈশিষ্ট্যটি সক্রিয় করতে, প্রতিটি বৈশিষ্ট্যের জন্য আলাদাভাবে DisplayOptions কল করুন।

নিম্নলিখিত উদাহরণটি ট্র্যাফিক লাইট এবং স্টপ সাইন লুকানো দেখাচ্ছে:

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

কাস্টম মার্কার যোগ করুন

অ্যান্ড্রয়েডের জন্য নেভিগেশন এসডিকে এখন মার্কারের জন্য গুগল ম্যাপস এপিআই ব্যবহার করে। আরও তথ্যের জন্য ম্যাপস এপিআই ডকুমেন্টেশন দেখুন।

ভাসমান লেখা

আপনি আপনার অ্যাপের যেকোনো জায়গায় ফ্লোটিং টেক্সট যোগ করতে পারেন, তবে শর্ত হলো এটি যেন গুগল অ্যাট্রিবিউশনকে ঢেকে না ফেলে। নেভিগেশন এসডিকে ম্যাপের কোনো অক্ষাংশ/দ্রাঘিমাংশ বা লেবেলে টেক্সট অ্যাঙ্কর করা সমর্থন করে না। আরও তথ্যের জন্য ইনফো উইন্ডোতে যান।

গতিসীমা প্রদর্শন করুন

You can programmatically show or hide the speed limit icon. Use NavigationView.setSpeedLimitIconEnabled() or NavigationFragment.setSpeedLimitIconEnabled() to display or hide the speed limit icon. When enabled, the speed limit icon displays in a bottom corner during guidance. The icon displays the speed limit of the road that the vehicle is traveling on. The icon only appears in locations where reliable speed limit data is available.

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

রিসেন্টার বাটনটি প্রদর্শিত হলে গতিসীমার আইকনটি সাময়িকভাবে লুকানো থাকে।

নাইট মোড সেট করুন

আপনি প্রোগ্রাম্যাটিকভাবে নাইট মোডের আচরণ নিয়ন্ত্রণ করতে পারেন। নাইট মোড চালু বা বন্ধ করতে NavigationView.setForceNightMode() বা NavigationFragment.setForceNightMode() ব্যবহার করুন, অথবা Android-এর জন্য Navigation 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));
}

NavigationView এর মতোই DirectionsListView তেও লাইফসাইকেল ইভেন্টগুলো ফরওয়ার্ড করতে ভুলবেন না। উদাহরণস্বরূপ:

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

বিকল্প পথ লুকান

যখন ইউজার ইন্টারফেস অতিরিক্ত তথ্যে ভারাক্রান্ত হয়ে পড়ে, তখন আপনি ডিফল্ট (দুটি) বিকল্প রুটের চেয়ে কম রুট প্রদর্শন করে, অথবা একেবারেই কোনো বিকল্প রুট প্রদর্শন না করে এই ভারাক্রান্ততা কমাতে পারেন। রুটগুলো ফেচ করার আগে, নিম্নলিখিত এনুমারেশন ভ্যালুগুলোর মধ্যে যেকোনো একটি দিয়ে RoutingOptions.alternateRoutesStrategy() মেথডটি কল করে আপনি এই অপশনটি কনফিগার করতে পারেন:

নিম্নলিখিত কোড উদাহরণটি দেখায় কিভাবে বিকল্প পথগুলি সম্পূর্ণরূপে গোপন করা যায়।

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

ট্রিপ অগ্রগতি বার অবস্থান

• বারটির বাম দিকটি মোটামুটিভাবে স্পিডোমিটার, গুগল লোগো এবং রি-সেন্টার বাটনের (যখন দৃশ্যমান থাকে) বাম দিকের সাথে মিলে যায়। এর প্রস্থ ১২ ডিপি।
• ট্রিপ প্রোগ্রেস বারটির উচ্চতা স্থির থাকে। ছোট ডিভাইসের উল্লম্ব স্থানের সীমাবদ্ধতার সাথে মানিয়ে নেওয়ার জন্য, স্ক্রিনের উচ্চতার নির্দিষ্ট ব্রেকপয়েন্টের উপর ভিত্তি করে ট্রিপ প্রোগ্রেস বারটির দৃশ্যমানতা এবং উচ্চতা পরিবর্তিত হয়। এই ব্রেকপয়েন্টগুলো ডিভাইসের ওরিয়েন্টেশন এবং স্ক্রিনে ম্যাপটি আসলে কতটা জায়গা নেয় তার উপর নির্ভরশীল নয়।

স্ক্রিনের উচ্চতা	ট্রিপের অগ্রগতি বারের দৃশ্যমানতা	ট্রিপ অগ্রগতি বারের উচ্চতা	ট্রিপ অগ্রগতি বারের y-অক্ষের অবস্থান
ছোট: ০ ডিপি - ৫৫১ ডিপি	দৃশ্যমান নয়	প্রযোজ্য নয়	প্রযোজ্য নয়
মাঝারি: ৫৫২ ডিপি - ৭৩৯ ডিপি	দৃশ্যমান	১৩০ ডিপি	স্টার্টের উপরের দিকের কন্ট্রোলগুলো (স্পিডোমিটার / গুগল লোগো / রি-সেন্টার বাটন)
বড়: ৭৪০ ডিপি এবং তার উপরে	দৃশ্যমান	২৯০ ডিপি	স্টার্টের উপরের দিকের কন্ট্রোলগুলো (স্পিডোমিটার / গুগল লোগো / রি-সেন্টার বাটন)

• যদি ট্রিপ প্রোগ্রেস বারটি টার্ন কার্ড বা অন্যান্য নেভিগেশন UI এলিমেন্টের সাথে ওভারল্যাপ করে, তাহলে এটি সেই অন্যান্য এলিমেন্টগুলোর নিচে প্রদর্শিত হয়।

কম্পাস

নেভিগেশন এসডিকে একটি কম্পাস গ্রাফিক প্রদান করে, যা নির্দিষ্ট পরিস্থিতিতে এবং শুধুমাত্র সক্রিয় করা হলেই ম্যাপের উপরের ডান কোণায় প্রদর্শিত হয়। যখন ব্যবহারকারী কম্পাসটিতে ক্লিক করেন, তখন ক্যামেরাটি অ্যানিমেট করে শূন্য বেয়ারিং-এর একটি অবস্থানে (ডিফল্ট ওরিয়েন্টেশন) ফিরে আসে এবং এর কিছুক্ষণ পরেই কম্পাসটি মিলিয়ে যায়।

যদি নেভিগেশন চালু থাকে এবং ক্যামেরা মোড 'ফলোয়িং'-এ সেট করা থাকে, তাহলে কম্পাসটি দৃশ্যমান থাকে এবং কম্পাসে ট্যাপ করলে টিল্টেড ও ওভারভিউ ক্যামেরা পার্সপেক্টিভের মধ্যে টগল হয়।

চালকের মনোযোগে ব্যাঘাত এড়ানোর জন্য, যদি হেডারটি (পোর্ট্রেট মোডে) প্রসারিত হয় এবং কম্পাসের ডিফল্ট অবস্থানের সাথে সাংঘর্ষিক হয়, তাহলেও কম্পাসটি একই অবস্থানে থাকে। যদি আপনি একটি সেকেন্ডারি হেডার কাস্টম কন্ট্রোল বা হেডার অ্যাকসেসরি ভিউ যোগ করেন, তাহলে UI দ্বন্দ্ব এড়ানোর জন্য কম্পাসটি লুকানো থাকে।

কম্পাসটি দিন ও রাতের মোডের পাশাপাশি ডার্ক মোডও সমর্থন করে।

কম্পাসটি ডিফল্টরূপে সক্রিয় থাকে। আপনি GoogleMapOptions ক্লাসের compassEnabled মেথড ব্যবহার করে কম্পাসটি সক্রিয় থাকবে কিনা তা নির্ধারণ করতে পারেন।

3D বিল্ডিং বন্ধ করুন

সীমিত পারফরম্যান্সের ডিভাইসগুলোর জন্য, আপনি GoogleMap.setBuildingsEnabled(false) কল করে 3D বিল্ডিংগুলোর প্রদর্শন বন্ধ করতে পারেন।

প্রম্পট ভিজিবিলিটি এপিআই (পরীক্ষামূলক)

The Prompt Visibility API lets you avoid conflicts between UI elements generated by the Navigation SDK and your own custom UI elements by adding a listener to receive a callback before a Navigation SDK UI element is about to appear and as soon as the element is removed. For more information, including code samples, see the Prompt Visibility API section of the Configure real-time-disruptions page.