إضافة رسوم متحركة لمسار الكاميرا

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

يمكنك إضافة صور متحركة لمسار الكاميرا إلى خريطتك الثلاثية الأبعاد لتوفير تجربة أكثر تفاعلاً للمستخدِمين. يمكن أن تنتقل الصور المتحركة لمسار الكاميرا إلى نقطة معيّنة على الخريطة أو تدور حولها أو يتم دمجها لتحريك Camera إلى نقطة معيّنة على الخريطة، بما في ذلك تحديد ارتفاعها و altitudeMode.

عند ضبط Camera لإنشاء صورة متحركة، يمكنك ضبط السمة altitudeMode لتحديد كيفية تفسير ارتفاع الكاميرا:

  • AltitudeMode.absolute: يتم تفسير الارتفاع على أنّه أمتار فوق متوسّط مستوى سطح البحر (القيمة التلقائية إذا لم يتم تحديدها).
  • AltitudeMode.relativeToGround: يتم تفسير الارتفاع على أنّه أمتار فوق سطح الأرض عند نقطة مركز الكاميرا.
  • AltitudeMode.relativeToMesh: يتم تفسير الارتفاع على أنّه أمتار فوق أعلى سطح شبكة ثلاثية الأبعاد (مثل المباني أو التضاريس) عند نقطة مركز الكاميرا.

الانتقال إلى

يوضّح نموذج الرمز البرمجي التالي كيفية استخدام الـ flyCameraTo المعدِّل لتحريك الـ Camera للانتقال إلى نقطة معيّنة على خريطة ثلاثية الأبعاد.

Map(mode: .hybrid)
  .flyCameraTo(
    .init(
      center: .init(
        latitude: 47.6210296,
        longitude: -122.3496903,
        altitude: 585
      ),
      heading: 149.0,
      tilt: 77.0,
      roll: 0.0,
      range: 4000,
      altitudeMode: .relativeToGround
    ),
    duration: 5,
    trigger: animate,
    completion: {}
  )

الدوران حول

يوضّح نموذج الرمز البرمجي التالي كيفية استخدام المعدِّل flyCameraAround لتحريك Camera للدوران حول نقطة معيّنة على خريطة ثلاثية الأبعاد.

Map(mode: .hybrid)
  .flyCameraAround(
    .init(
      center: .init(
        latitude: 47.6210296,
        longitude: -122.3496903,
        altitude: 585
      ),
      heading: 149.0,
      tilt: 77.0,
      roll: 0.0,
      range: 3000,
      altitudeMode: .relativeToGround
    ),
    duration: 90,
    repeatCount: 3,
    trigger: flyAround,
    completion: {}
  )