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

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

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

किसी ऐनिमेशन के लिए Camera कॉन्फ़िगर करते समय, altitudeMode प्रॉपर्टी को सेट किया जा सकता है. इससे यह तय किया जा सकता है कि कैमरे की ऊंचाई को कैसे समझा जाए:

  • AltitudeMode.absolute: यह समुद्र तल से औसत ऊंचाई को मीटर में दिखाता है. अगर कोई वैल्यू नहीं दी गई है, तो यह डिफ़ॉल्ट वैल्यू होती है.
  • AltitudeMode.relativeToGround: यह कैमरे के केंद्र बिंदु पर, ज़मीन की सतह से ऊपर की ऊंचाई को मीटर में दिखाता है.
  • AltitudeMode.relativeToMesh: यह कैमरे के सेंटर पॉइंट पर, सबसे ऊंची 3D मेश सतह (जैसे, इमारतें या इलाका) से ऊपर की ऊंचाई को मीटर में दिखाता है.

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

यहां दिए गए कोड सैंपल में, flyCameraTo मॉडिफ़ायर का इस्तेमाल करके, Camera को ऐनिमेट करने का तरीका बताया गया है. इससे 3D मैप पर किसी खास जगह पर फ़्लाई किया जा सकता है.

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 को ऐनिमेट करने का तरीका बताया गया है. इससे 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,
      altitudeMode: .relativeToGround
    ),
    duration: 90,
    repeatCount: 3,
    trigger: flyAround,
    completion: {}
  )