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

प्लैटफ़ॉर्म चुनें: Android iOS JavaScript

अपने 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: {}
  )