เพิ่มภาพเคลื่อนไหวของเส้นทางกล้อง

เลือกแพลตฟอร์ม: Android iOS JavaScript

คุณสามารถเพิ่มภาพเคลื่อนไหวเส้นทางกล้องลงในแผนที่ 3 มิติเพื่อมอบประสบการณ์ที่สมจริงยิ่งขึ้นให้แก่ผู้ใช้ ภาพเคลื่อนไหวเส้นทางกล้องสามารถบินไปยัง บินรอบๆ หรือรวมกันเพื่อทำให้ Camera เคลื่อนไหวไปยังจุดหนึ่งบนแผนที่ รวมถึงระบุ ระดับความสูง และ altitudeMode

เมื่อกำหนดค่า Camera สำหรับภาพเคลื่อนไหว คุณสามารถตั้งค่าพร็อพเพอร์ตี้ altitudeMode เพื่อระบุวิธีตีความระดับความสูงของกล้องได้ ดังนี้

• AltitudeMode.absolute: ตีความระดับความสูงเป็นเมตรเหนือระดับน้ำทะเลปานกลาง (ค่าเริ่มต้นหากไม่ได้ระบุ)
• AltitudeMode.relativeToGround: ตีความระดับความสูงเป็นเมตรเหนือพื้นผิวที่จุดศูนย์กลางของกล้อง
• AltitudeMode.relativeToMesh: ตีความระดับความสูงเป็นเมตรเหนือพื้นผิว Mesh 3 มิติที่สูงที่สุด (เช่น อาคารหรือภูมิประเทศ) ที่จุดศูนย์กลางของกล้อง

หมายเหตุ: altitudeMode ใน Camera ใช้ได้กับภาพเคลื่อนไหว flyCameraTo และ flyCameraAround เท่านั้น

บินไปที่

ตัวอย่างโค้ดต่อไปนี้แสดงวิธีใช้ตัวปรับแต่ง flyCameraTo เพื่อทำให้ Camera เคลื่อนไหวเพื่อบินไปยังจุดที่เฉพาะเจาะจงบนแผนที่ 3 มิติ

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 เคลื่อนไหวเพื่อบินไปรอบๆ จุดที่เฉพาะเจาะจงบนแผนที่ 3 มิติ

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