نشانگرها را سفارشی کنید

پلتفرم را انتخاب کنید: Android iOS JavaScript

کلاس ConsumerMapStyle متدهای تنظیم کننده و گیرنده را با سفارشی سازی پویا برای نشانگرها و چند خط ارائه می کند. با استفاده از متد ConsumerController.getConsumerMapStyle() این کلاس را به صورت ناهمزمان در معرض دید قرار می دهید.

سفارشی‌سازی رابط کاربری در تمام چرخش‌های دستگاه ادامه می‌یابد و تا زمانی که ConsumerController را جدا نکنید به قوت خود باقی می‌ماند.

نشانگرها را سفارشی کنید

برای تنظیم نوع نشانگر و خصوصیات آن، از متد 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 Maps MarkerOptions استفاده کنید.

  2. با استفاده از سازنده آن، MarkerOptions بسازید.

  3. ویژگی های سفارشی را با استفاده از روش های سبک «Setter» مشخص کنید.

  4. اگر ترجیح می دهید، با تقلید از الگوهای ارائه شده توسط سازنده MarkerOptions از عنصر UI خود استفاده کنید.

  5. برای خاموش کردن نشانگر، ویژگی visible را روی false تنظیم کنید. سپس می توانید از عنصر UI خود به جای آن استفاده کنید.

برای اطلاعات بیشتر، Google Maps MarkerOptions ببینید.

نمونه سفارشی سازی نشانگر

جاوا

// 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);

کاتلین

// 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)

بعدش چی