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

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

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

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

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

บินไปที่

ตัวอย่างโค้ดต่อไปนี้แสดงวิธีใช้ 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: {}
  )