התאמה אישית של הסמנים

בחירת פלטפורמה: Android iOS JavaScript

הכיתה ConsumerMapStyle מספקת שיטות setter ו-getter עם התאמה אישית דינמית לסמנים ולקווים פוליגוניים. כדי לחשוף את המחלקה הזו באופן אסינכרוני, משתמשים ב-method‏ ConsumerController.getConsumerMapStyle().

ההתאמה האישית של ממשק המשתמש נשמרת גם כשמסובבים את המכשיר, עד שמנתקים את ה-ConsumerController.

התאמה אישית של הסמנים

כדי להגדיר את סוג הסמן והמאפיינים שלו, משתמשים ב-method‏ ConsumerMapStyle.setMarkerStyleOptions(). האפשרויות של הסמן בהתאמה אישית מבטלות את ערכי ברירת המחדל שסופקו על ידי Consumer SDK. כדי לשחזר את ערכי ברירת המחדל, צריך להפעיל את setMarkerStyleOptions() באמצעות null לפרמטר MarkerOptions. מאחזרים את ה-MarkerOptions הפעיל באמצעות getMarkerStyleOptions().

בחירת סוג סמן

אתם יכולים להשתמש בסמלי הסמן הבאים ולהתאים אותם אישית:

  • ‫TRIP_PICKUP_POINT – מוצג בזמן מעקב אחרי נסיעה
  • ‫TRIP_DROPOFF_POINT – מוצג בזמן מעקב אחרי נסיעה
  • TRIP_INTERMEDIATE_DESTINATION

  • ‫TRIP_VEHICLE – מוצג בזמן מעקב אחרי נסיעה

    במהלך המעקב אחרי הנסיעה, ה-Consumer SDK מעדכן את הסיבוב של הסמל TRIP_VEHICLE כדי לחקות את ההתנהגות של הרכב בפועל בזמן הנסיעה במסלול.

בחירת אפשרויות לסמן

כדי להתאים אישית את הסמנים באפליקציה למשתמשים, פועלים לפי השלבים הבאים:

  1. משתמשים במאפיינים של כל סמן שסופקו על ידי מפות Google MarkerOptions.

  2. יוצרים את MarkerOptions באמצעות ה-constructor שלו.

  3. מציינים מאפיינים מותאמים אישית באמצעות שיטות בסגנון Setter.

  4. אם אתם מעדיפים, אתם יכולים להשתמש ברכיב משלכם בממשק המשתמש על ידי חיקוי התבניות שסופקו על ידי ה-constructor של MarkerOptions.

  5. כדי להשבית סמן, מגדירים את המאפיין visible לערך false. אחרי זה תוכלו להשתמש ברכיב משלכם בממשק המשתמש במקומו.

מידע נוסף זמין במאמר MarkerOptions בנושא מפות Google.

דוגמאות להתאמה אישית של סמנים

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)

המאמרים הבאים