تخصيص العلامات

اختيار النظام الأساسي: Android iOS JavaScript

توفّر فئة ConsumerMapStyle طريقتَي ضبط وحصول مع تخصيص ديناميكي للعلامات والخطوط المتعددة. يمكنك عرض هذه الفئة بشكل غير متزامن باستخدام الطريقة ConsumerController.getConsumerMapStyle().

يستمرّ تخصيص واجهة المستخدم على مستوى عمليات تدوير الجهاز ويظل ساريًا إلى أن يتم فصل ConsumerController.

تخصيص العلامات

لضبط نوع العلامة وسماته، استخدِم الأسلوب ConsumerMapStyle.setMarkerStyleOptions() . تلغي خيارات العلامة المخصّصة القيم التلقائية التي تقدّمها حزمة تطوير البرامج (SDK) للمستهلك. لاستعادة القيم التلقائية، اتصل بـ setMarkerStyleOptions() باستخدام null للمَعلمة MarkerOptions. يمكنك استرداد MarkerOptions النشطة باستخدام getMarkerStyleOptions().

اختَر نوع العلامة.

يمكنك استخدام رموز العلامات التالية وتخصيصها:

• TRIP_PICKUP_POINT - يتم عرضه أثناء متابعة رحلة
• TRIP_DROPOFF_POINT - يتم عرضها أثناء تتبُّع رحلة
• TRIP_INTERMEDIATE_DESTINATION

• TRIP_VEHICLE - يتم عرضه أثناء متابعة رحلة

  تعمل حزمة تطوير البرامج (SDK) الخاصة بالمستهلك على تعديل دوران الرمز TRIP_VEHICLE أثناء تتبُّع الرحلات لمحاكاة سلوك المركبة أثناء تحرّكها.

ملاحظة: للحصول على نتائج الصور المتحركة الأكثر واقعية، استخدِم منظور العرض العلوي لـ "TRIP_VEHICLE"، مع توجيه واجهة المركبة للأعلى.

ملاحظة: لا يتغير رمز محدّد الموقع وفقًا لنوع المركبة الفعلي للرحلة.

تحديد خيارات العلامة

يمكنك تخصيص علامات لتطبيق المستهلك باتباع الخطوات التالية:

1. استخدِم سمات كل محدّد موقع يوفّره "خرائط Google" MarkerOptions.

2. أنشئ MarkerOptions باستخدام الدالة الإنشائية.

3. حدِّد السمات المخصّصة باستخدام طرق النمط "Setter".

   ملاحظة: بما أنّ حزمة تطوير البرامج (SDK) توفّر قيمًا تلقائية لكلّ سمة علامة، عليك تحديد السمات المخصّصة فقط للقيم التي تريد تغييرها.

4. يمكنك استخدام عنصر واجهة المستخدم الخاص بك من خلال محاكاة الأنماط التي توفّرها الدالة الإنشائية 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)

الخطوات التالية

• تخصيص الخطوط المتعددة للمسار