ক্যামেরা পাথ অ্যানিমেশন যোগ করা

প্ল্যাটফর্ম বেছে নিন: Android iOS JavaScript

আপনার ব্যবহারকারীদের আরও বেশি ইমারসিভ অভিজ্ঞতা প্রদান করতে, আপনার 3D ম্যাপে ক্যামেরা পাথ অ্যানিমেশন যোগ করতে পারবেন। ক্যামেরা পাথ অ্যানিমেশন, ম্যাপের কোনও পয়েন্টে Camera -এর অ্যানিমেশন তৈরি করতে, ফ্লাই টু, ফ্লাই অ্যারাউন্ড বা কম্বাইন করতে পারে, যার মধ্যে নির্দিষ্ট করা উচ্চতা এবং altitudeMode অন্তর্ভুক্ত।

অ্যানিমেশনের জন্য Camera কনফিগার করার সময়, ক্যামেরার উচ্চতা কীভাবে ব্যাখ্যা করা হবে তা নির্দিষ্ট করতে আপনি altitudeMode প্রপার্টি সেট করতে পারেন:

  • AltitudeMode.absolute: গড় সমুদ্রপৃষ্ঠের উপরে মিটার হিসাবে উচ্চতা ব্যাখ্যা করে (ডিফল্ট মান যদি নির্দিষ্ট করা না থাকে)।
  • AltitudeMode.relativeToGround: ক্যামেরার কেন্দ্রবিন্দুতে ভূপৃষ্ঠ থেকে উচ্চতা মিটার এককে ব্যাখ্যা করে।
  • AltitudeMode.relativeToMesh: ক্যামেরার কেন্দ্রবিন্দুতে সর্বোচ্চ 3D মেশ সারফেসের (যেমন, বিল্ডিং বা ভূখণ্ড) উপরে মিটার হিসেবে উচ্চতা ব্যাখ্যা করে।

উড়ে যান

নিম্নলিখিত কোড স্যাম্পেল থেকে জানা যায় যে কীভাবে flyCameraTo মডিফায়ার ব্যবহার করে Camera অ্যানিমেট করে 3D ম্যাপের নির্দিষ্ট পয়েন্টে নিয়ে যাওয়া যায়।

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 অ্যানিমেট করে 3D ম্যাপে নির্দিষ্ট পয়েন্টের চারপাশে ফ্লাই করা যায়।

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: {}
  )