افزودن پویانمایی‌های مسیر دوربین

پلاتفرم را انتخاب کنید: 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: {}
  )