मार्कर कस्टमाइज़ करें

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

ConsumerMapStyle क्लास, मार्कर और पॉलीलाइन के लिए, सेटर और गेटर तरीके उपलब्ध कराती है. इनकी मदद से, डाइनैमिक तरीके से बदलाव किया जा सकता है. इस क्लास को एसिंक्रोनस तरीके से दिखाने के लिए, ConsumerController.getConsumerMapStyle() तरीके का इस्तेमाल करें.

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

मार्कर को पसंद के मुताबिक बनाना

मार्कर टाइप और उसकी प्रॉपर्टी सेट करने के लिए, ConsumerMapStyle.setMarkerStyleOptions() तरीके का इस्तेमाल करें. आपके कस्टम मार्कर के विकल्प, Consumer SDK की ओर से दी गई डिफ़ॉल्ट वैल्यू को बदल देते हैं. डिफ़ॉल्ट वैल्यू वापस लाने के लिए, MarkerOptions पैरामीटर के लिए null का इस्तेमाल करके setMarkerStyleOptions() को कॉल करें. getMarkerStyleOptions() का इस्तेमाल करके, चालू MarkerOptions को वापस पाएं getMarkerStyleOptions().

मार्कर का टाइप चुनें

इन मार्कर आइकॉन का इस्तेमाल किया जा सकता है और इन्हें पसंद के मुताबिक बनाया जा सकता है:

  • TRIP_PICKUP_POINT - यात्रा को फ़ॉलो करते समय दिखता है
  • TRIP_DROPOFF_POINT - यात्रा को फ़ॉलो करते समय दिखता है
  • TRIP_INTERMEDIATE_DESTINATION
  • TRIP_VEHICLE - यात्रा को फ़ॉलो करते समय दिखता है

    Consumer SDK, यात्रा की निगरानी के दौरान TRIP_VEHICLE आइकॉन के रोटेशन को अपडेट करता है. इससे, यात्रा के दौरान वाहन की स्थिति का पता चलता है.

मार्कर के विकल्प चुनना

उपयोगकर्ता ऐप्लिकेशन के लिए मार्कर को पसंद के मुताबिक बनाने के लिए, यह तरीका अपनाएं:

  1. Google Maps MarkerOptions की ओर से दिए गए हर मार्कर के लिए प्रॉपर्टी का इस्तेमाल करें.

  2. इसके कंस्ट्रक्टर का इस्तेमाल करके MarkerOptions बनाएं.

  3. 'सेटर' स्टाइल के तरीकों का इस्तेमाल करके, कस्टम प्रॉपर्टी तय करें.

  4. अगर आपको पसंद है, तो MarkerOptions कंस्ट्रक्टर से मिले पैटर्न की नकल करके, अपने यूज़र इंटरफ़ेस (यूआई) एलिमेंट का इस्तेमाल करें.

  5. मार्कर बंद करने के लिए, visible प्रॉपर्टी को false पर सेट करें. इसके बाद, इसकी जगह पर अपना यूज़र इंटरफ़ेस (यूआई) एलिमेंट इस्तेमाल किया जा सकता है.

ज़्यादा जानकारी के लिए, Google Maps MarkerOptions देखें.

मार्कर में किए गए बदलावों के उदाहरण

Java

// Initializing marker options.
consumerController
    .getConsumerMapStyle()
    .addOnSuccessListener(
        consumerMapStyle -> {
          consumerMapStyle.setMarkerStyleOptions(
              MarkerType.TRIP_VEHICLE,
              new MarkerOptions()
                  .visible(false));
        });

// Reset marker options to default values.
consumerMapStyle.setMarkerStyleOptions(MarkerType.TRIP_VEHICLE, null);

Kotlin

// Initializing marker options.
consumerController
  .getConsumerMapStyle()
  .addOnSuccessListener({ consumerMapStyle ->
    consumerMapStyle.setMarkerStyleOptions(MarkerType.TRIP_VEHICLE, MarkerOptions().visible(false))
  })

// Reset marker options to default values.
consumerMapStyle.setMarkerStyleOptions(MarkerType.TRIP_VEHICLE, null)

आगे क्या करना है