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

اختيار النظام الأساسي: 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: يتم عرضها أثناء تتبُّع رحلة

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

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

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

  1. استخدِم السمات الخاصة بكل علامة مقدَّمة من "خرائط Google" MarkerOptions.

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

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

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

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