रास्ते की पॉलीलाइन पसंद के मुताबिक बनाएं

प्लैटफ़ॉर्म चुनें: Android iOS JavaScript

ConsumerMapStyle.setPolylineStyleOptions तरीके का इस्तेमाल करके, रूट की पॉलीलाइन को पसंद के मुताबिक बनाया जा सकता है. अगर आपने कस्टम पॉलीलाइन के विकल्प सेट किए हैं, तो वे Consumer SDK से मिली डिफ़ॉल्ट वैल्यू को बदल देते हैं.

डिफ़ॉल्ट वैल्यू को पहले जैसा करने के लिए, PolylineOptions पैरामीटर के लिए null के साथ setPolylineStyleOptions को कॉल करें.

ऐक्टिव PolylineOptions को वापस पाने के लिए, getPolylineStyleOptions तरीके का इस्तेमाल करें.

ज़्यादा जानकारी के लिए, ConsumerMapStyle.setPolylineStyleOptions देखें.

रूट की पॉलीलाइन के टाइप

इन रूट पॉलीलाइन टाइप को पसंद के मुताबिक बनाया जा सकता है:

  • ACTIVE_ROUTE
  • REMAINING_ROUTE

यात्रा के दौरान ACTIVE_ROUTE और REMAINING_ROUTE दिखते हैं. ये वाहन का रास्ता दिखाते हैं.

रूट की पॉलीलाइन प्रॉपर्टी

Google Maps, PolylineOptions में हर पॉलीलाइन के लिए, पसंद के मुताबिक बनाई जा सकने वाली प्रॉपर्टी उपलब्ध कराता है.

  • PolylineOptions बनाने के लिए, इसके कंस्ट्रक्टर का इस्तेमाल करें.

  • कस्टम प्रॉपर्टी तय करने के लिए, 'सेटर' स्टाइल वाले तरीकों का इस्तेमाल करें. यह तरीका हर प्रॉपर्टी के लिए डिफ़ॉल्ट वैल्यू उपलब्ध कराता है. इसलिए, आपको सिर्फ़ कस्टम वैल्यू तय करनी होंगी.

  • पॉलीलाइन को बंद करने के लिए, visible को false पर सेट करें.

ज़्यादा जानकारी के लिए, Android डेवलपर के दस्तावेज़ में PolylineOptions देखें.

उदाहरण

Java

// Initializing polyline style options.
consumerController
    .getConsumerMapStyle()
    .addOnSuccessListener(
        consumerMapStyle -> {
          consumerMapStyle.setPolylineStyleOptions(
              PolylineType.ACTIVE_ROUTE,
              new PolylineOptions()
                  .visible(false));
        });

// Reset polyline options to default values.
consumerMapStyle.setPolylineStyleOptions(PolylineType.ACTIVE_ROUTE, null);

Kotlin

// Initializing polyline options.
consumerController
  .getConsumerMapStyle()
  .addOnSuccessListener({ consumerMapStyle ->
    consumerMapStyle.setPolylineStyleOptions(
      PolylineType.ACTIVE_ROUTE,
      PolylineOptions().visible(false)
    )
  })

// Reset polyline options to default values.
consumerMapStyle.setPolylineStyleOptions(PolylineType.ACTIVE_ROUTE, null)

ऐक्टिव और बचा हुआ रास्ता

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

  • ऐक्टिव रूट वह रास्ता है जिस पर वाहन, उपभोक्ता की चालू यात्रा के अगले वेपॉइंट तक पहुंचने के लिए चल रहा है.

  • बाकी बचा रास्ता वह रास्ता होता है जो वाहन को चालू रास्ते के बाद तय करना होता है. जब चालू रास्ते का वेपॉइंट, यात्रा का आखिरी वेपॉइंट होता है, तो बाकी का रास्ता मौजूद नहीं होता.

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

उदाहरण

Java

// Initializing polyline options.
consumerController
    .getConsumerMapStyle()
    .addOnSuccessListener(
        consumerMapStyle -> {
          consumerMapStyle.setPolylineStyleOptions(
              PolylineType.ACTIVE_ROUTE,
              new PolylineOptions()
                  .color(Color.BLUE));
          consumerMapStyle.setPolylineStyleOptions(
              PolylineType.REMAINING_ROUTE,
              new PolylineOptions()
                  .color(Color.BLACK)
                  .width(5)
                  .visible(true));
        });

// Reset polyline options to default values.
consumerMapStyle.setPolylineStyleOptions(PolylineType.ACTIVE_ROUTE, null);
consumerMapStyle.setPolylineStyleOptions(PolylineType.REMAINING_ROUTE, null);

Kotlin

// Initializing polyline options.
consumerController
  .getConsumerMapStyle()
  .addOnSuccessListener({ consumerMapStyle ->
    {
      consumerMapStyle.setPolylineStyleOptions(
        PolylineType.ACTIVE_ROUTE,
        PolylineOptions().color(Color.BLUE)
      )

      consumerMapStyle.setPolylineStyleOptions(
        PolylineType.REMAINING_ROUTE,
        PolylineOptions().color(Color.BLACK).width(5).visible(true)
      )
    }
  })

// Reset polyline options to default values.
consumerMapStyle.setPolylineStyleOptions(PolylineType.ACTIVE_ROUTE, null)

consumerMapStyle.setPolylineStyleOptions(PolylineType.REMAINING_ROUTE, null)

ट्रैफ़िक की जानकारी देने वाली पॉलीलाइन

पॉलीलाइन की ट्रैफ़िक लेयर, डिफ़ॉल्ट रूप से बंद होती है. इसे चालू करने पर, रेंडरर रूट पॉलीलाइन के ऊपर सेगमेंट बनाता है. ये सेगमेंट, सामान्य से ज़्यादा ट्रैफ़िक वाले हिस्सों को दिखाते हैं. इसमें ट्रैफ़िक की स्थिति के हिसाब से ऑफ़सेट शामिल होता है. ज़्यादा जानकारी के लिए, पॉलीलाइन के लिए Android डेवलपर का दस्तावेज़ देखें.

Google Maps, ट्रैफ़िक का हाल चार तरह की स्पीड के तौर पर दिखाता है. हर स्पीड टाइप के लिए, रंग को पसंद के मुताबिक बनाया जा सकता है.

ट्रैफ़िक की जानकारी देने वाली पॉलीलाइन की सुविधा चालू करने के लिए, TrafficStyle ऑब्जेक्ट बनाएं. इसके बाद, setPolylineTrafficStyle() को कॉल करके, उसे ConsumerMapStyle को पास करें.

उदाहरण

Java

// TrafficStyle is part of the Consumer SDK.
int orange = Color.rgb(255, 165, 0);
TrafficStyle trafficStyle = TrafficStyle.builder()
  .setTrafficVisibility(true)
  .setTrafficColor(SpeedType.NO_DATA, Color.GREY)
  .setTrafficColor(SpeedType.NORMAL, Color.BLUE)
  .setTrafficColor(SpeedType.SLOW, orange)
  .setTrafficColor(SpeedType.TRAFFIC_JAM, Color.RED)
  .build();

consumerMapStyle.setPolylineTrafficStyle(PolylineType.ACTIVE_ROUTE, trafficStyle);

Kotlin

// TrafficStyle is part of the Consumer SDK.
val orange = Color.rgb(255, 165, 0)
val trafficStyle =
  TrafficStyle.builder()
    .setTrafficVisibility(true)
    .setTrafficColor(SpeedType.NO_DATA, Color.GRAY)
    .setTrafficColor(SpeedType.NORMAL, Color.BLUE)
    .setTrafficColor(SpeedType.SLOW, orange)
    .setTrafficColor(SpeedType.TRAFFIC_JAM, Color.RED)
    .build()

consumerMapStyle.setPolylineTrafficStyle(PolylineType.ACTIVE_ROUTE, trafficStyle)