3D Maps

Map3DElement क्लास

google.maps.maps3d.Map3DElement class
extends HTMLElement
implements Map3DElementOptions
library "maps3d"

Map3DElement, 3D मैप व्यू के लिए एक एचटीएमएल इंटरफ़ेस है. ध्यान दें कि 3D मैप को रेंडर करने के लिए, mode को सेट करना ज़रूरी है.

                  
<gmp-map-3d
  autofits-camera-animation="value-name"
  camera-position="lat,lng,altitude"
  center="lat,lng,altitude"
  default-ui-hidden
  description="string"
  fov="number"
  gesture-handling="value-name"
  heading="number"
  internal-usage-attribution-ids="id1 id2"
  map-id="string"
  max-altitude="number"
  max-heading="number"
  max-tilt="number"
  min-altitude="number"
  min-heading="number"
  min-tilt="number"
  mode="value-name"
  range="number"
  roll="number"
  tilt="number">
</gmp-map-3d>
 
const {Map3DElement} = await google.maps.importLibrary("maps3d");
Map3DElement
Map3DElement([options])
पैरामीटर:
AlphaautofitsCameraAnimation
attr: autofits-camera-animation
इनपुट टाइप: AutofitsCameraAnimation optional
आउटपुट टाइप: AutofitsCameraAnimation optional
डिफ़ॉल्ट: none
कैमरे को अपने-आप फ़िट करने के लिए इस्तेमाल किया जाने वाला ऐनिमेशन.
एचटीएमएल एट्रिब्यूट: autofits-camera-animation="value-name"
bounds
इनपुट टाइप: LatLngBounds|LatLngBoundsLiteral optional
आउटपुट टाइप: LatLngBounds optional
सेट किए जाने पर, यह कैमरे की पोज़िशन को अक्षांश/देशांतर की तय सीमाओं के अंदर सीमित कर देता है. ध्यान दें कि सीमाओं से बाहर के ऑब्जेक्ट अब भी रेंडर किए जाते हैं. बाउंड, देशांतर और अक्षांश, दोनों को सीमित कर सकते हैं. इसके अलावा, ये सिर्फ़ अक्षांश या देशांतर को सीमित कर सकते हैं. सिर्फ़ अक्षांश की सीमाओं के लिए, पश्चिम और पूर्व देशांतर के तौर पर क्रमशः -180 और 180 का इस्तेमाल करें. सिर्फ़ देशांतर वाली सीमाओं के लिए, उत्तर और दक्षिण अक्षांश के तौर पर क्रमशः 90 और -90 का इस्तेमाल करें.
cameraPosition
attr: camera-position
इनपुट टाइप: LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral optional
आउटपुट टाइप: LatLngAltitude optional
कैमरे की पोज़िशन, LatLngAltitude के तौर पर दी गई है. अगर इसे शामिल नहीं किया जाता है, तो इसे अपने-आप जनरेट किया जाएगा. अगर center को शामिल नहीं किया गया है, लेकिन cameraPosition की जानकारी दी गई है, तो center को cameraPosition. से लिया जाएगा. अगर दोनों को एक ही रन लूप में अपडेट किया जाता है, तो cameraPosition को प्राथमिकता दी जाएगी. दी गई हेडिंग, रेंज, रोल, और टिल्ट के संदर्भ में, cameraPosition और center फ़ील्ड को एक-दूसरे से वन-टू-वन के तौर पर लिया जा सकता है.
एचटीएमएल एट्रिब्यूट: camera-position="lat,lng,altitude"
center
attr: center
इनपुट टाइप: LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral optional
आउटपुट टाइप: LatLngAltitude optional
मैप का केंद्र, LatLngAltitude के तौर पर दिया गया है. इसमें ऊंचाई, समुद्र तल से मीटर में दी गई है. ध्यान दें कि यह ज़रूरी नहीं है कि कैमरा इसी जगह पर हो, क्योंकि range फ़ील्ड, मैप के सेंटर से कैमरे की दूरी पर असर डालता है. अगर यह नीति सेट नहीं है, तो डिफ़ॉल्ट रूप से {lat: 0, lng: 0, altitude: 63170000} लागू हो जाती है. 63170000 मीटर, अनुमति वाली ज़्यादा से ज़्यादा ऊंचाई है (पृथ्वी की त्रिज्या को 10 से गुणा किया गया है).
एचटीएमएल एट्रिब्यूट: center="lat,lng,altitude"
defaultUIHidden
attr: default-ui-hidden
इनपुट टाइप: boolean optional
आउटपुट टाइप: boolean
डिफ़ॉल्ट: false
true होने पर, यूज़र इंटरफ़ेस (यूआई) के सभी डिफ़ॉल्ट बटन छिप जाते हैं.
एचटीएमएल एट्रिब्यूट: default-ui-hidden
description
attr: description
इनपुट टाइप: string optional
आउटपुट टाइप: string optional
अगर सुलभता से जुड़ी जानकारी दी जाती है, तो उसे मैप में जोड़ दिया जाएगा. जैसे, स्क्रीन रीडर के साथ इस्तेमाल करने के लिए.
एचटीएमएल एट्रिब्यूट: description="string"
fov
attr: fov
इनपुट टाइप: number optional
आउटपुट टाइप: number optional
इससे वर्टिकल फ़ील्ड ऑफ़ व्यू (कैमरे से दिख रहा व्यू) को डिग्री में तय किया जाता है. वैल्यू की मान्य रेंज 5.0 से 80.0 तक होती है. ज़्यादा वैल्यू से, दिखने वाला हिस्सा बढ़ जाता है. हालांकि, इससे पर्सपेक्टिव डिस्टॉर्शन हो सकता है. डिफ़ॉल्ट: 35.0.
एचटीएमएल एट्रिब्यूट: fov="number"
gestureHandling
attr: gesture-handling
इनपुट टाइप: GestureHandling optional
आउटपुट टाइप: GestureHandling
डिफ़ॉल्ट: GestureHandling.GREEDY
यह सेटिंग, जेस्चर को हैंडल करने की सुविधा को कंट्रोल करती है. COOPERATIVE पर सेट होने पर, मैप को स्क्रोल करने के लिए, कार्रवाई बदलने वाली कुंजियों या दो उंगलियों वाले जेस्चर की ज़रूरत होती है. GREEDY पर सेट होने पर, मैप एलिमेंट पर उपयोगकर्ता के इवेंट से होस्ट पेज को स्क्रोल नहीं किया जा सकता. AUTO पर सेट होने पर, जेस्चर को हैंडल करने का तरीका, होस्ट पेज के स्क्रोल किए जा सकने की सुविधा से तय होता है.
एचटीएमएल एट्रिब्यूट: gesture-handling="value-name"
heading
attr: heading
इनपुट टाइप: number optional
आउटपुट टाइप: number optional
मैप का कंपास हेडिंग, डिग्री में. इसमें उत्तर दिशा को शून्य माना जाता है. जब कोई झुकाव नहीं होता है, तो किसी भी रोल को हेडिंग के तौर पर समझा जाएगा.
एचटीएमएल एट्रिब्यूट: heading="number"
internalUsageAttributionIds
attr: internal-usage-attribution-ids
इनपुट टाइप: Iterable<string> optional
आउटपुट टाइप: Array<string> optional
यह इनिशलाइज़र में इस्तेमाल का एट्रिब्यूशन आईडी जोड़ता है. इससे Google को यह समझने में मदद मिलती है कि डेवलपर के लिए कौनसी लाइब्रेरी और सैंपल मददगार हैं. जैसे, मार्कर क्लस्टरिंग लाइब्रेरी का इस्तेमाल. इस्तेमाल के एट्रिब्यूशन आईडी को भेजने की सुविधा से ऑप्ट आउट करने के लिए, इस प्रॉपर्टी को मिटाना सुरक्षित है. सिर्फ़ यूनीक वैल्यू भेजी जाएंगी. इंस्टैंशिएशन के बाद, इस वैल्यू में किए गए बदलावों को अनदेखा किया जा सकता है.
एचटीएमएल एट्रिब्यूट: internal-usage-attribution-ids="id1 id2"
language
इनपुट टाइप: string optional
आउटपुट टाइप: string optional
वह भाषा जिसमें बुनियादी मैप की भाषा को रेंडर करने की कोशिश की जाती है. Maps JS API लोड करते समय, डेवलपर ने जिस भाषा का अनुरोध किया है उसे डिफ़ॉल्ट भाषा के तौर पर सेट किया जाएगा.
mapId
attr: map-id
इनपुट टाइप: string optional
आउटपुट टाइप: string optional
यह मैप आईडी तय करता है. इसका इस्तेमाल, मैप के लिए क्लाउड पर मैप की स्टाइलिंग की सुविधा को फ़ेच करने के लिए किया जाएगा.
एचटीएमएल एट्रिब्यूट: map-id="string"
maxAltitude
attr: max-altitude
इनपुट टाइप: number optional
आउटपुट टाइप: number optional
ज़मीन से ज़्यादा से ज़्यादा ऊंचाई, जो मैप पर दिखेगी. मान्य वैल्यू, 0 से 63170000 मीटर के बीच होनी चाहिए. यह वैल्यू, पृथ्वी की त्रिज्या को 10 से गुणा करने पर मिलती है.
एचटीएमएल एट्रिब्यूट: max-altitude="number"
maxHeading
attr: max-heading
इनपुट टाइप: number optional
आउटपुट टाइप: number optional
मैप के हेडिंग (रोटेशन) का ज़्यादा से ज़्यादा ऐंगल. तापमान 0 और 360 डिग्री के बीच होना चाहिए. minHeading और maxHeading, <= 360 डिग्री के इंटरवल को दिखाते हैं. इस इंटरवल में, सिर के जेस्चर की अनुमति होगी. minHeading = 180 और maxHeading = 90, [0, 90] और [180, 360] में हेडिंग की अनुमति देंगे. minHeading = 90 और maxHeading = 180, [90, 180] में हेडिंग इस्तेमाल करने की अनुमति देंगे.
एचटीएमएल एट्रिब्यूट: max-heading="number"
maxTilt
attr: max-tilt
इनपुट टाइप: number optional
आउटपुट टाइप: number optional
मैप के इंसिडेंस का ज़्यादा से ज़्यादा ऐंगल. तापमान 0 और 90 डिग्री के बीच होना चाहिए.
एचटीएमएल एट्रिब्यूट: max-tilt="number"
minAltitude
attr: min-altitude
इनपुट टाइप: number optional
आउटपुट टाइप: number optional
ज़मीन से कम से कम ऊंचाई, जो मैप पर दिखेगी. मान्य वैल्यू, 0 से 63170000 मीटर के बीच होनी चाहिए. यह वैल्यू, पृथ्वी की त्रिज्या को 10 से गुणा करने पर मिलती है.
एचटीएमएल एट्रिब्यूट: min-altitude="number"
minHeading
attr: min-heading
इनपुट टाइप: number optional
आउटपुट टाइप: number optional
मैप की हेडिंग (रोटेशन) का कम से कम ऐंगल. तापमान 0 और 360 डिग्री के बीच होना चाहिए. minHeading और maxHeading, <= 360 डिग्री के इंटरवल को दिखाते हैं. इस इंटरवल में, सिर के जेस्चर की अनुमति होगी. minHeading = 180 और maxHeading = 90 से, [0, 90] और [180, 360] में हेडिंग इस्तेमाल की जा सकेगी. minHeading = 90 और maxHeading = 180, [90, 180] में हेडिंग इस्तेमाल करने की अनुमति देंगे.
एचटीएमएल एट्रिब्यूट: min-heading="number"
minTilt
attr: min-tilt
इनपुट टाइप: number optional
आउटपुट टाइप: number optional
मैप का कम से कम इंसिडेंस ऐंगल. तापमान 0 और 90 डिग्री के बीच होना चाहिए.
एचटीएमएल एट्रिब्यूट: min-tilt="number"
mode
attr: mode
इनपुट टाइप: MapMode optional
आउटपुट टाइप: MapMode optional
इससे पता चलता है कि मैप को किस मोड में रेंडर किया जाना चाहिए. अगर इसे सेट नहीं किया जाता है, तो मैप रेंडर नहीं होगा.
एचटीएमएल एट्रिब्यूट: mode="value-name"
range
attr: range
इनपुट टाइप: number optional
आउटपुट टाइप: number optional
कैमरे से मैप के बीच की दूरी, मीटर में.
एचटीएमएल एट्रिब्यूट: range="number"
region
इनपुट टाइप: string optional
आउटपुट टाइप: string optional
वह इलाका जिसके लिए, बुनियादी मैप की लोकप्रिय जगहों को रेंडर करने की कोशिश की जाएगी. Maps JS API लोड करते समय, डेवलपर ने जिस देश या इलाके का अनुरोध किया है उसे डिफ़ॉल्ट के तौर पर सेट किया जाएगा.
roll
attr: roll
इनपुट टाइप: number optional
आउटपुट टाइप: number optional
व्यू वेक्टर के आस-पास कैमरे का रोल, डिग्री में. अगर कोई झुकाव नहीं है, तो किसी भी रोल को हेडिंग के तौर पर समझा जाएगा. इससे, भ्रम की स्थिति दूर हो जाएगी.
एचटीएमएल एट्रिब्यूट: roll="number"
tilt
attr: tilt
इनपुट टाइप: number optional
आउटपुट टाइप: number optional
कैमरे के व्यू वेक्टर का झुकाव, डिग्री में. धरती को सीधे नीचे की ओर देखने वाले व्यू वेक्टर का झुकाव शून्य डिग्री होगा. धरती से दूर की ओर इशारा करने वाले व्यू वेक्टर का झुकाव 180 डिग्री होगा.
एचटीएमएल एट्रिब्यूट: tilt="number"
defaultUIDisabled
attr: default-ui-disabled
टाइप: boolean optional
डिफ़ॉल्ट: false
true होने पर, यूज़र इंटरफ़ेस (यूआई) के सभी डिफ़ॉल्ट बटन बंद हो जाते हैं. कीबोर्ड और जेस्चर कंट्रोल बंद नहीं होते.
एचटीएमएल एट्रिब्यूट: default-ui-disabled
flyCameraAround
flyCameraAround(options)
पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस तरीके से, कैमरे को किसी जगह के आस-पास, तय की गई अवधि के लिए घुमाया जाता है. ऐनिमेशन को FlyAroundAnimationOptions.repeatCount बार दोहराया जा सकता है.

कैमरा, घड़ी की सुई की दिशा में घूमेगा.

जिस जगह के आस-पास ऑर्बिट करना है उसे CameraOptions.center की मदद से तय किया जाता है. यह वह जगह है जो ऑर्बिट ऐनिमेशन के दौरान व्यूपोर्ट के बीच में दिखेगी. इस दौरान, कैमरा इसके आस-पास घूमेगा.

यह तरीका एसिंक्रोनस है, क्योंकि ऐनिमेशन सिर्फ़ तब शुरू हो सकते हैं, जब मैप कम से कम लोड हो गया हो. ऐनिमेशन शुरू होने के बाद, यह तरीका नतीजे दिखाता है.

अगर FlyAroundAnimationOptions.repeatCount की वैल्यू शून्य है, तो कोई स्पिन नहीं होगा और ऐनिमेशन शुरू होने के तुरंत बाद खत्म हो जाएगा.
flyCameraTo
flyCameraTo(options)
पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस तरीके से, कैमरे को मौजूदा जगह से दी गई आखिरी जगह तक, तय समय में पैराबोलिक तरीके से मूव किया जाता है. आखिरी जगह की जानकारी, या के ज़रिए दी जा सकती है. CameraOptions.cameraPosition, कैमरे की सटीक पोज़िशन को कंट्रोल करता है. वहीं, CameraOptions.center, मैप के दिखने वाले व्यूपोर्ट के सेंटर को कंट्रोल करता है.

यह तरीका एसिंक्रोनस है, क्योंकि ऐनिमेशन सिर्फ़ तब शुरू हो सकते हैं, जब मैप कम से कम लोड हो गया हो. ऐनिमेशन शुरू होने के बाद, यह तरीका नतीजे दिखाता है.
stopCameraAnimation
stopCameraAnimation()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू: कोई नहीं
इस तरीके से, फ़्लाई ऐनिमेशन को रोका जा सकता है. कैमरा, ऐनिमेशन के बीच में जहां भी होता है वहीं रहता है. यह एंड पॉइंट पर टेलीपोर्ट नहीं होता.

यह तरीका एसिंक्रोनस है, क्योंकि ऐनिमेशन सिर्फ़ तब शुरू या बंद हो सकते हैं, जब मैप कम से कम लोड हो गया हो. ऐनिमेशन रुकने के बाद, यह तरीका नतीजे दिखाता है.
इनहेरिट की गई: addEventListener, removeEventListener
gmp-animationend
function(animationEndEvent)
आर्ग्युमेंट:
  • animationEndEvent: Event optional
यह इवेंट तब ट्रिगर होता है, जब फ़्लाई ऐनिमेशन खत्म हो जाता है. यह इवेंट, डीओएम ट्री के ज़रिए बबल अप होता है.
gmp-camerapositionchange
function(cameraPositionChangeEvent)
आर्ग्युमेंट:
  • cameraPositionChangeEvent: Event optional
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की cameraPosition प्रॉपर्टी में बदलाव होता है.
gmp-centerchange
function(centerChangeEvent)
आर्ग्युमेंट:
  • centerChangeEvent: Event optional
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की सेंटर प्रॉपर्टी में बदलाव होता है.
gmp-click
function(clickEvent)
आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Map3DElement एलिमेंट पर क्लिक किया जाता है.
gmp-error
function(mapInitializationErrorEvent)
आर्ग्युमेंट:
  • mapInitializationErrorEvent: Event optional
यह इवेंट तब ट्रिगर होता है, जब मैप शुरू नहीं हो पाता.
gmp-fovchange
function(fovChangeEvent)
आर्ग्युमेंट:
  • fovChangeEvent: Event optional
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की fov प्रॉपर्टी में बदलाव होता है.
gmp-headingchange
function(headingChangeEvent)
आर्ग्युमेंट:
  • headingChangeEvent: Event optional
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की हेडिंग प्रॉपर्टी में बदलाव होता है.
gmp-map-id-error
function(mapIdErrorEvent)
आर्ग्युमेंट:
  • mapIdErrorEvent: Event optional
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की mapId प्रॉपर्टी अमान्य होती है.
gmp-rangechange
function(rangeChangeEvent)
आर्ग्युमेंट:
  • rangeChangeEvent: Event optional
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की रेंज प्रॉपर्टी में बदलाव होता है.
gmp-rollchange
function(rollChangeEvent)
आर्ग्युमेंट:
  • rollChangeEvent: Event optional
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की रोल प्रॉपर्टी में बदलाव होता है.
gmp-steadychange
function(steadyChangeEvent)
आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की स्थिर स्थिति में बदलाव होता है.
gmp-tiltchange
function(tiltChangeEvent)
आर्ग्युमेंट:
  • tiltChangeEvent: Event optional
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की टिल्ट प्रॉपर्टी में बदलाव होता है.

Map3DElementOptions इंटरफ़ेस

google.maps.maps3d.Map3DElementOptions इंटरफ़ेस

Map3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Map3DElement पर सेट किया जा सकता है.
AlphaautofitsCameraAnimation
ज़रूरी नहीं
टाइप: AutofitsCameraAnimation optional
AlphaMap3DElement.autofitsCameraAnimation देखें.
bounds
ज़रूरी नहीं
टाइप: LatLngBounds|LatLngBoundsLiteral optional
Map3DElement.bounds देखें.
cameraPosition
ज़रूरी नहीं
Map3DElement.cameraPosition देखें.
center
ज़रूरी नहीं
Map3DElement.center देखें.
defaultUIDisabled
ज़रूरी नहीं
टाइप: boolean optional
Map3DElement.defaultUIDisabled देखें.
defaultUIHidden
ज़रूरी नहीं
टाइप: boolean optional
Map3DElement.defaultUIHidden देखें.
description
ज़रूरी नहीं
टाइप: string optional
Map3DElement.description देखें.
fov
ज़रूरी नहीं
टाइप: number optional
Map3DElement.fov देखें.
gestureHandling
ज़रूरी नहीं
टाइप: GestureHandling optional
Map3DElement.gestureHandling देखें.
heading
ज़रूरी नहीं
टाइप: number optional
Map3DElement.heading देखें.
internalUsageAttributionIds
ज़रूरी नहीं
टाइप: Iterable<string> optional
Map3DElement.internalUsageAttributionIds देखें.
language
ज़रूरी नहीं
टाइप: string optional
Map3DElement.language देखें.
mapId
ज़रूरी नहीं
टाइप: string optional
Map3DElement.mapId देखें.
maxAltitude
ज़रूरी नहीं
टाइप: number optional
Map3DElement.maxAltitude देखें.
maxHeading
ज़रूरी नहीं
टाइप: number optional
Map3DElement.maxHeading देखें.
maxTilt
ज़रूरी नहीं
टाइप: number optional
Map3DElement.maxTilt देखें.
minAltitude
ज़रूरी नहीं
टाइप: number optional
Map3DElement.minAltitude देखें.
minHeading
ज़रूरी नहीं
टाइप: number optional
Map3DElement.minHeading देखें.
minTilt
ज़रूरी नहीं
टाइप: number optional
Map3DElement.minTilt देखें.
mode
ज़रूरी नहीं
टाइप: MapMode optional
Map3DElement.mode देखें.
range
ज़रूरी नहीं
टाइप: number optional
Map3DElement.range देखें.
region
ज़रूरी नहीं
टाइप: string optional
Map3DElement.region देखें.
roll
ज़रूरी नहीं
टाइप: number optional
Map3DElement.roll देखें.
tilt
ज़रूरी नहीं
टाइप: number optional
Map3DElement.tilt देखें.

MapMode कॉन्सटैंट

google.maps.maps3d.MapMode कॉन्सटेंट
लाइब्रेरी "maps3d"

इससे पता चलता है कि मैप को किस मोड में रेंडर किया जाना चाहिए.

इन कॉन्सटैंट को स्ट्रिंग के तौर पर भी इस्तेमाल किया जा सकता है. TypeScript में, स्ट्रिंग लिटरल को MapModeString टाइप से तय किया जाता है.

const {MapMode} = await google.maps.importLibrary("maps3d");
HYBRID इस मैप मोड में, सैटलाइट या फ़ोटोरियलिस्टिक इमेज पर मुख्य सड़कों की एक पारदर्शी लेयर दिखती है.
AlphaROADMAP इस मैप मोड में, सामान्य स्ट्रीट मैप दिखता है.
SATELLITE इस मैप मोड में, सैटलाइट या फ़ोटोरियलिस्टिक इमेज दिखती हैं. हालांकि, ऐसा सिर्फ़ उन जगहों के लिए होता है जहां ये इमेज उपलब्ध होती हैं.

GestureHandling कॉन्स्टेंट

google.maps.maps3d.GestureHandling कॉन्सटेंट
लाइब्रेरी "maps3d"

इससे पता चलता है कि मैप एलिमेंट पर जेस्चर इवेंट को कैसे मैनेज किया जाना चाहिए.

इन कॉन्सटैंट को स्ट्रिंग के तौर पर भी इस्तेमाल किया जा सकता है. TypeScript में, स्ट्रिंग लिटरल को GestureHandlingString टाइप से तय किया जाता है.

const {GestureHandling} = await google.maps.importLibrary("maps3d");
AUTO इससे मैप को यह चुनने की सुविधा मिलती है कि जेस्चर हैंडलिंग के लिए, कोऑपरेटिव या ग्रीडी मोड का इस्तेमाल करना है या नहीं. अगर कोई वैल्यू नहीं दी जाती है, तो यह डिफ़ॉल्ट ऐक्शन और सेटिंग तौर पर लागू होता है.

इससे मैप, को-ऑपरेटिव मोड में चला जाएगा. ऐसा तब होगा, जब मैप अपने स्क्रोल पैरंट (आम तौर पर होस्ट पेज) पर हावी हो और उपयोगकर्ता मैप से स्क्रोल करके दूसरे कॉन्टेंट पर न जा सके.
COOPERATIVE इससे कोऑपरेटिव मोड चालू हो जाता है. इसमें मैप को स्क्रोल करने के लिए, कार्रवाई बदलने वाली कुंजियों या दो उंगलियों वाले जेस्चर की ज़रूरत होती है.
GREEDY इससे ग्रीडी मोड चालू हो जाता है. इस मोड में, मैप एलिमेंट पर उपयोगकर्ता के इवेंट से होस्ट पेज को स्क्रोल नहीं किया जा सकता.

AutofitsCameraAnimation कॉन्स्टेंट

google.maps.maps3d.AutofitsCameraAnimation कॉन्सटेंट
लाइब्रेरी "maps3d"

इससे यह तय होता है कि कैमरे को नई पोज़िशन पर ले जाने पर, वह किस तरह काम करे. इससे, कैमरे को उसके चुने गए चाइल्ड एलिमेंट के हिसाब से सेंटर में रखा जा सकता है.

इन कॉन्सटैंट को स्ट्रिंग के तौर पर भी इस्तेमाल किया जा सकता है. TypeScript में, स्ट्रिंग लिटरल को AutofitsCameraAnimationString टाइप से तय किया जाता है.

const {AutofitsCameraAnimation} = await google.maps.importLibrary("maps3d");
FLY_TO नई जगह पर ले जाता है.
NONE बिना किसी ऐनिमेशन के नई पोज़िशन पर स्नैप करता है.

FlyAroundAnimationOptions इंटरफ़ेस

google.maps.maps3d.FlyAroundAnimationOptions इंटरफ़ेस

FlyCameraAround ऐनिमेशन को पसंद के मुताबिक बनाने के विकल्प.
camera
टाइप: CameraOptions
ऑर्बिट ऐनिमेशन के दौरान, कैमरे को जिस मुख्य पॉइंट पर फ़ोकस करना चाहिए. ध्यान दें कि जब कैमरा इस सेंटर पॉइंट के चारों ओर घूमेगा, तो मैप की हेडिंग बदल जाएगी.
durationMillis
ज़रूरी नहीं
टाइप: number optional
एक ऐनिमेशन साइकल की अवधि, मिलीसेकंड में.
repeatCount
ज़रूरी नहीं
टाइप: number optional
इससे यह तय होता है कि कोई ऐनिमेशन कितनी बार दोहराया जाना चाहिए. अगर संख्या शून्य है, तो ऐनिमेशन शुरू होने के तुरंत बाद खत्म हो जाएगा. अगर Number.Infinity को पास किया जाता है, तो ऐनिमेशन हमेशा के लिए दोहराया जाएगा.
rounds
ज़रूरी नहीं
टाइप: number optional
दी गई अवधि में, सेंटर के चारों ओर घूमने के चक्करों की संख्या. इससे रोटेशन की स्पीड को कंट्रोल किया जा सकता है. राउंड के लिए नेगेटिव नंबर पास करने पर, कैमरा डिफ़ॉल्ट रूप से घड़ी की सुई की दिशा में घूमने के बजाय, घड़ी की सुई की उलटी दिशा में घूमेगा.

FlyToAnimationOptions इंटरफ़ेस

google.maps.maps3d.FlyToAnimationOptions इंटरफ़ेस

FlyCameraTo ऐनिमेशन को पसंद के मुताबिक बनाने के विकल्प.
endCamera
टाइप: CameraOptions
ऐनिमेशन के आखिर में, कैमरे को किस जगह पर फ़ोकस करना चाहिए.
durationMillis
ज़रूरी नहीं
टाइप: number optional
ऐनिमेशन की अवधि, मिलीसेकंड में. अगर अवधि 0 है, तो कैमरा सीधे आखिरी पोज़िशन पर पहुंच जाएगा.

CameraOptions इंटरफ़ेस

google.maps.maps3d.CameraOptions इंटरफ़ेस

CameraOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें कैमरा ऑब्जेक्ट पर सेट किया जा सकता है. कैमरा ऑब्जेक्ट, ऐसी कोई भी चीज़ हो सकती है जिसमें कैमरे की पोज़िशन हो. उदाहरण के लिए, मैप की मौजूदा स्थिति या आने वाले समय में अनुरोध की गई ऐनिमेशन की स्थिति.
altitudeMode
ज़रूरी नहीं
टाइप: AltitudeMode optional
डिफ़ॉल्ट: AltitudeMode.ABSOLUTE
यह एक enum है, जो बताता है कि दिए गए CameraOptions ऑब्जेक्ट की ऊंचाई की वैल्यू को कैसे समझा जाए. इससे मौजूदा AltitudeMode enum का फिर से इस्तेमाल किया जाता है.
cameraPosition
ज़रूरी नहीं
Map3DElement.cameraPosition देखें.
center
ज़रूरी नहीं
Map3DElement.center देखें.
fov
ज़रूरी नहीं
टाइप: number optional
Map3DElement.fov देखें.
heading
ज़रूरी नहीं
टाइप: number optional
Map3DElement.heading देखें.
range
ज़रूरी नहीं
टाइप: number optional
Map3DElement.range देखें.
roll
ज़रूरी नहीं
टाइप: number optional
Map3DElement.roll देखें.
tilt
ज़रूरी नहीं
टाइप: number optional
Map3DElement.tilt देखें.

SteadyChangeEvent क्लास

google.maps.maps3d.SteadyChangeEvent class
extends Event
library "maps3d"

यह इवेंट, Map3DElement की स्थिर स्थिति की निगरानी करने से बनता है. यह इवेंट, डीओएम ट्री के ज़रिए बबल अप होता है.

const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d");
isSteady
टाइप: boolean
इससे पता चलता है कि Map3DElement स्थिर है या नहीं. इसका मतलब है कि मौजूदा सीन के लिए रेंडरिंग पूरी हो गई है या नहीं.

LocationClickEvent क्लास

google.maps.maps3d.LocationClickEvent class
extends Event
library "maps3d"

यह इवेंट, Map3DElement पर क्लिक करने से ट्रिगर होता है.

const {LocationClickEvent} = await google.maps.importLibrary("maps3d");
position
टाइप: LatLngAltitude optional
इवेंट होने के समय, कर्सर के नीचे मौजूद अक्षांश/देशांतर/ऊंचाई. कृपया ध्यान दें कि कम सटीक लेवल पर, कम सटीक डेटा दिखेगा. इसके अलावा, कैमरे की ऊंची पोज़िशन से जल धरातल पर क्लिक करने पर, ऊंचाई की वैल्यू के लिए समुद्री तल की ऊंचाई की वैल्यू दिख सकती है. यह इवेंट, डीओएम ट्री के ज़रिए बबल अप होता है.

PlaceClickEvent क्लास

google.maps.maps3d.PlaceClickEvent class
extends LocationClickEvent
library "maps3d"

यह इवेंट, Map3DElement पर किसी जगह के आइकॉन पर क्लिक करके बनाया गया है. डिफ़ॉल्ट पॉपओवर को दिखने से रोकने के लिए, इस इवेंट पर preventDefault() तरीके को कॉल करें. इससे, Map3DElement को इसे मैनेज करने से रोका जा सकेगा.

const {PlaceClickEvent} = await google.maps.importLibrary("maps3d");
placeId
टाइप: string
मैप पर आइटम या एलिमेंट का जगह का आईडी.
इनहेरिट किया गया: position
fetchPlace
fetchPlace()
पैरामीटर: कोई नहीं
रिटर्न वैल्यू: Promise<Place>
इस जगह के आईडी के लिए Place फ़ेच करता है. इससे मिलने वाले Place ऑब्जेक्ट में, id प्रॉपर्टी अपने-आप भर जाएगी. Place.fetchFields() के ज़रिए, अन्य फ़ील्ड का अनुरोध किया जा सकता है. हालांकि, इसके लिए Places API को चालू करना होगा और बिलिंग की सामान्य प्रक्रिया पूरी करनी होगी. अगर Place को फ़ेच करने में कोई गड़बड़ी होती है, तो प्रॉमिस को अस्वीकार कर दिया जाता है.