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

הפלטפורמה: Android iOS JavaScript

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

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

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

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

בחירה של סוג סמן

אפשר להשתמש בסמני המיקום הבאים ולהתאים אותם אישית:

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

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

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

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

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

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

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

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

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

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

מידע נוסף זמין במפות Google 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)

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