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

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

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

บินไปที่

ตัวอย่างโค้ดต่อไปนี้แสดงวิธีใช้ Map.flyCameraTo เพื่อเคลื่อนไหวกล้องให้บินไปยังจุดหนึ่งบนแผนที่ 3 มิติ

Map(mode: .hybrid)
.flyCameraTo(
  camera: .init(
    center: .init(
      latitude: 47.6210296,
      longitude: -122.3496903,
      altitude: 585), // meters above mean sea level
    heading: 149.0,
    tilt: 77.0,
    roll: 0.0,
    range: 4000),
  duration: 5,
  trigger: animate,
  completion: {}
)

บินรอบๆ

ตัวอย่างโค้ดต่อไปนี้แสดงวิธีใช้ Map.flyCameraAround เพื่อเคลื่อนไหวกล้องให้บินรอบๆ จุดหนึ่งบนแผนที่ 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
    ),
    duration: 90,
    repeatCount: 3,
    trigger: flyAround,
    completion: {}
  )