कैमरा पाथ ऐनिमेशन जोड़ना

अपने उपयोगकर्ताओं को बेहतर अनुभव देने के लिए, 3D मैप में कैमरे के पाथ के ऐनिमेशन जोड़े जा सकते हैं. कैमरे के पाथ के ऐनिमेशन, मैप पर किसी जगह के लिए बनाए जा सकते हैं. इनमें, कैमरे को उस जगह पर ले जाना, उसके आस-पास घुमाना या दोनों को मिलाकर ऐनिमेशन बनाना शामिल है. साथ ही, इनमें उस जगह की ऊंचाई भी तय की जा सकती है.

सीधे इस पर जाएं

यहां दिए गए कोड के नमूने में, Map.flyCameraTo तरीके का इस्तेमाल करके, कैमरे को 3D मैप पर किसी खास जगह पर ले जाने का ऐनिमेशन बनाने का तरीका बताया गया है.

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 तरीके का इस्तेमाल करके, कैमरे को 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
    ),
    duration: 90,
    repeatCount: 3,
    trigger: flyAround,
    completion: {}
  )