Map3DElement क्लास
class
google.maps.maps3d.Map3DElement
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" color-scheme="value-name" 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-memory-megabytes="number" max-tilt="number" min-altitude="number" min-heading="number" min-tilt="number" mode="value-name" quality-mode="value-name" range="number" roll="number" tilt="number"> </gmp-map-3d>
const {Map3DElement} = await google.maps.importLibrary("maps3d");
निर्माता | |
|---|---|
Map3DElement |
Map3DElement([options])पैरामीटर:
|
प्रॉपर्टी | |
|---|---|
attr: autofits-camera-animation |
डिफ़ॉल्ट:
noneकैमरे को अपने-आप फ़िट करने के लिए इस्तेमाल किया जाने वाला ऐनिमेशन.
एचटीएमएल एट्रिब्यूट: autofits-camera-animation="value-name" |
bounds |
सेट किए जाने पर, यह कैमरे की पोज़िशन को अक्षांश/देशांतर की तय सीमाओं के अंदर सीमित कर देता है. ध्यान दें कि सीमाओं से बाहर के ऑब्जेक्ट अब भी रेंडर किए जाते हैं. बाउंड, देशांतर और अक्षांश, दोनों को सीमित कर सकते हैं. इसके अलावा, ये सिर्फ़ अक्षांश या देशांतर को सीमित कर सकते हैं. सिर्फ़ अक्षांश की सीमाओं के लिए, पश्चिम और पूर्व देशांतर के तौर पर क्रमशः -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: 63710000} लागू हो जाती है. 63710000 मीटर, ज़्यादा से ज़्यादा ऊंचाई है. यह पृथ्वी की त्रिज्या को 10 से गुणा करने पर मिलती है.एचटीएमएल एट्रिब्यूट: center="lat,lng,altitude" |
attr: color-scheme |
डिफ़ॉल्ट:
ColorScheme.FOLLOW_SYSTEMमैप के लिए कलर स्कीम तय करता है. अगर यह नीति सेट नहीं है, तो डिफ़ॉल्ट रूप से
ColorScheme.FOLLOW_SYSTEM लागू हो जाती है.एचटीएमएल एट्रिब्यूट: color-scheme="value-name" |
defaultUIHidden
attr: default-ui-hidden |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falsetrue होने पर, यूज़र इंटरफ़ेस (यूआई) के सभी डिफ़ॉल्ट बटन छिप जाते हैं.एचटीएमएल एट्रिब्यूट: 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.GREEDYयह सेटिंग, जेस्चर को हैंडल करने की सुविधा को कंट्रोल करती है.
COOPERATIVE पर सेट होने पर, मैप को स्क्रोल करने के लिए, कार्रवाई बदलने वाली कुंजियों या दो उंगलियों वाले जेस्चर की ज़रूरत होती है. GREEDY पर सेट होने पर, मैप एलिमेंट पर उपयोगकर्ता के इवेंट से होस्ट पेज को स्क्रोल नहीं किया जा सकता. AUTO पर सेट होने पर, जेस्चर को हैंडल करने का तरीका, होस्ट पेज के स्क्रोल किए जा सकने की सुविधा से तय होता है.एचटीएमएल एट्रिब्यूट: gesture-handling="value-name" |
heading
attr: heading |
इनपुट टाइप:
number optionalआउटपुट टाइप: number optionalमैप का कंपास हेडिंग, डिग्री में. इसमें उत्तर दिशा को शून्य माना जाता है. जब कोई झुकाव नहीं होता है, तो किसी भी रोल को हेडिंग के तौर पर समझा जाएगा.
एचटीएमएल एट्रिब्यूट: heading="number" |
internalUsageAttributionIds
attr: internal-usage-attribution-ids |
यह इनिशलाइज़र में इस्तेमाल का एट्रिब्यूशन आईडी जोड़ता है. इससे 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 से 63710000 मीटर के बीच होनी चाहिए. यह वैल्यू, पृथ्वी की त्रिज्या को 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" |
attr: max-memory-megabytes |
इनपुट टाइप:
number optionalआउटपुट टाइप: number optionalमैप को रेंडर करने के लिए, ज़्यादा से ज़्यादा कितनी मेमोरी इस्तेमाल की जा सकती है. इसे मेगाबाइट में तय किया जाना चाहिए. कम वैल्यू से मेमोरी का इस्तेमाल कम होता है, लेकिन विज़ुअल की बारीकियां कम हो जाती हैं. ज़्यादा वैल्यू से मेमोरी में ज़्यादा बारीकियां सेव की जा सकती हैं. वैल्यू की मान्य रेंज 64 से 2048 तक होती है. अगर इसे सेट नहीं किया जाता है, तो डिवाइस और मैप के साइज़ के आधार पर, ज़ूम लेवल की सीमा अपने-आप तय हो जाती है. इसे मैप शुरू होने से पहले सेट करना ज़रूरी है. इसके बाद किए गए बदलावों को अनदेखा कर दिया जाता है.
एचटीएमएल एट्रिब्यूट: max-memory-megabytes="number" |
maxTilt
attr: max-tilt |
इनपुट टाइप:
number optionalआउटपुट टाइप: number optionalमैप के इंसिडेंस का ज़्यादा से ज़्यादा ऐंगल. तापमान
0 और 90 डिग्री के बीच होना चाहिए.एचटीएमएल एट्रिब्यूट: max-tilt="number" |
minAltitude
attr: min-altitude |
इनपुट टाइप:
number optionalआउटपुट टाइप: number optionalज़मीन से कम से कम ऊंचाई, जो मैप पर दिखेगी. मान्य वैल्यू,
0 से 63710000 मीटर के बीच होनी चाहिए. यह वैल्यू, पृथ्वी की त्रिज्या को 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 |
इससे पता चलता है कि मैप को किस मोड में रेंडर किया जाना चाहिए. अगर इसे सेट नहीं किया जाता है, तो मैप रेंडर नहीं होगा.
एचटीएमएल एट्रिब्यूट: mode="value-name" |
attr: quality-mode |
डिफ़ॉल्ट:
QualityMode.FIDELITYइससे मैप की रेंडरिंग क्वालिटी तय होती है. इसे
QualityMode.PERFORMANCE पर सेट करें, ताकि कम विज़ुअल डिटेल के साथ रेंडर किया जा सके. इससे मेमोरी का इस्तेमाल कम होता है.एचटीएमएल एट्रिब्यूट: quality-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" |
attr: default-ui-disabled |
टाइप:
boolean optionalडिफ़ॉल्ट:
falsetrue होने पर, यूज़र इंटरफ़ेस (यूआई) के सभी डिफ़ॉल्ट बटन बंद हो जाते हैं. कीबोर्ड और जेस्चर कंट्रोल बंद नहीं होते.एचटीएमएल एट्रिब्यूट: 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)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब फ़्लाई ऐनिमेशन खत्म हो जाता है. यह इवेंट, डीओएम ट्री के ज़रिए बबल अप होता है. |
gmp-camerapositionchange |
function(cameraPositionChangeEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की cameraPosition प्रॉपर्टी में बदलाव होता है. |
gmp-centerchange |
function(centerChangeEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की सेंटर प्रॉपर्टी में बदलाव होता है. |
gmp-click |
function(clickEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Map3DElement एलिमेंट पर क्लिक किया जाता है. |
gmp-error |
function(mapInitializationErrorEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब मैप शुरू नहीं हो पाता. |
gmp-fovchange |
function(fovChangeEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की fov प्रॉपर्टी में बदलाव होता है. |
gmp-headingchange |
function(headingChangeEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की हेडिंग प्रॉपर्टी में बदलाव होता है. |
gmp-map-id-error |
function(mapIdErrorEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की mapId प्रॉपर्टी अमान्य होती है. |
gmp-rangechange |
function(rangeChangeEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की रेंज प्रॉपर्टी में बदलाव होता है. |
gmp-rollchange |
function(rollChangeEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की रोल प्रॉपर्टी में बदलाव होता है. |
gmp-steadychange |
function(steadyChangeEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की स्थिर स्थिति में बदलाव होता है. |
gmp-tiltchange |
function(tiltChangeEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की टिल्ट प्रॉपर्टी में बदलाव होता है. |
Map3DElementOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.maps3d.Map3DElementOptions
Map3DElement ने लागू किया
Map3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Map3DElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
ज़रूरी नहीं |
टाइप:
AutofitsCameraAnimation optional |
bounds
ज़रूरी नहीं |
टाइप:
LatLngBounds|LatLngBoundsLiteral optionalMap3DElement.bounds देखें. |
cameraPosition
ज़रूरी नहीं |
टाइप:
LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral optionalMap3DElement.cameraPosition देखें. |
center
ज़रूरी नहीं |
टाइप:
LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral optionalMap3DElement.center देखें. |
ज़रूरी नहीं |
टाइप:
ColorScheme optional देखें. |
ज़रूरी नहीं |
टाइप:
boolean optional |
defaultUIHidden
ज़रूरी नहीं |
टाइप:
boolean optionalMap3DElement.defaultUIHidden देखें. |
description
ज़रूरी नहीं |
टाइप:
string optionalMap3DElement.description देखें. |
fov
ज़रूरी नहीं |
टाइप:
number optionalMap3DElement.fov देखें. |
gestureHandling
ज़रूरी नहीं |
टाइप:
GestureHandling optionalMap3DElement.gestureHandling देखें. |
heading
ज़रूरी नहीं |
टाइप:
number optionalMap3DElement.heading देखें. |
internalUsageAttributionIds
ज़रूरी नहीं |
टाइप:
Iterable<string> optional |
language
ज़रूरी नहीं |
टाइप:
string optionalMap3DElement.language देखें. |
mapId
ज़रूरी नहीं |
टाइप:
string optionalMap3DElement.mapId देखें. |
maxAltitude
ज़रूरी नहीं |
टाइप:
number optionalMap3DElement.maxAltitude देखें. |
maxHeading
ज़रूरी नहीं |
टाइप:
number optionalMap3DElement.maxHeading देखें. |
ज़रूरी नहीं |
टाइप:
number optional |
maxTilt
ज़रूरी नहीं |
टाइप:
number optionalMap3DElement.maxTilt देखें. |
minAltitude
ज़रूरी नहीं |
टाइप:
number optionalMap3DElement.minAltitude देखें. |
minHeading
ज़रूरी नहीं |
टाइप:
number optionalMap3DElement.minHeading देखें. |
minTilt
ज़रूरी नहीं |
टाइप:
number optionalMap3DElement.minTilt देखें. |
mode
ज़रूरी नहीं |
टाइप:
MapMode optionalMap3DElement.mode देखें. |
ज़रूरी नहीं |
टाइप:
QualityMode optional देखें. |
range
ज़रूरी नहीं |
टाइप:
number optionalMap3DElement.range देखें. |
region
ज़रूरी नहीं |
टाइप:
string optionalMap3DElement.region देखें. |
roll
ज़रूरी नहीं |
टाइप:
number optionalMap3DElement.roll देखें. |
tilt
ज़रूरी नहीं |
टाइप:
number optionalMap3DElement.tilt देखें. |
MapMode कॉन्सटैंट
कॉन्सटैंट
google.maps.maps3d.MapMode
लाइब्रेरी "maps3d"
इससे पता चलता है कि मैप को किस मोड में रेंडर किया जाना चाहिए.
इन कॉन्सटैंट को स्ट्रिंग के तौर पर भी इस्तेमाल किया जा सकता है. TypeScript में, स्ट्रिंग लिटरल को MapModeString टाइप से तय किया जाता है.
const {MapMode} = await google.maps.importLibrary("maps3d");
कॉन्स्टेंट | |
|---|---|
HYBRID |
इस मैप मोड में, सैटलाइट या फ़ोटोरियलिस्टिक इमेज पर मुख्य सड़कों की एक पारदर्शी लेयर दिखती है. |
|
इस मैप मोड में, सामान्य स्ट्रीट मैप दिखता है. |
SATELLITE |
इस मैप मोड में, सैटलाइट या फ़ोटोरियलिस्टिक इमेज दिखती हैं. हालांकि, ऐसा सिर्फ़ उन जगहों के लिए होता है जहां ये इमेज उपलब्ध होती हैं. |
QualityMode कॉन्स्टेंट
कॉन्सटैंट
google.maps.maps3d.QualityMode
लाइब्रेरी "maps3d"
इससे 3D मैप की रेंडरिंग क्वालिटी तय होती है.
इन कॉन्सटैंट को स्ट्रिंग के तौर पर भी इस्तेमाल किया जा सकता है. TypeScript में, स्ट्रिंग लिटरल को QualityModeString टाइप से तय किया जाता है.
const {QualityMode} = await google.maps.importLibrary("maps3d");
कॉन्स्टेंट | |
|---|---|
FIDELITY |
यह मैप को स्टैंडर्ड विज़ुअल के साथ रेंडर करता है. |
PERFORMANCE |
यह मैप को कम विज़ुअल जानकारी के साथ रेंडर करता है, ताकि मेमोरी का कम इस्तेमाल हो. यह उन डिवाइसों पर काम आता है जिनमें मेमोरी कम होती है या जब मैप, पेज को ज़्यादा मेमोरी वाले अन्य कॉन्टेंट के साथ शेयर करता है. |
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 को पास किया जाता है, तो ऐनिमेशन हमेशा के लिए दोहराया जाएगा. |
ज़रूरी नहीं |
टाइप:
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
ज़रूरी नहीं |
टाइप:
LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral optionalMap3DElement.cameraPosition देखें. |
center
ज़रूरी नहीं |
टाइप:
LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral optionalMap3DElement.center देखें. |
fov
ज़रूरी नहीं |
टाइप:
number optionalMap3DElement.fov देखें. |
heading
ज़रूरी नहीं |
टाइप:
number optionalMap3DElement.heading देखें. |
range
ज़रूरी नहीं |
टाइप:
number optionalMap3DElement.range देखें. |
roll
ज़रूरी नहीं |
टाइप:
number optionalMap3DElement.roll देखें. |
tilt
ज़रूरी नहीं |
टाइप:
number optionalMap3DElement.tilt देखें. |
SteadyChangeEvent क्लास
class
google.maps.maps3d.SteadyChangeEvent
extends Event
library "maps3d"
यह इवेंट, Map3DElement की स्थिर स्थिति की निगरानी करने से बनता है. यह इवेंट, डीओएम ट्री के ज़रिए बबल अप होता है.
const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d");
प्रॉपर्टी | |
|---|---|
isSteady |
टाइप:
booleanइससे पता चलता है कि Map3DElement स्थिर है या नहीं. इसका मतलब है कि मौजूदा सीन के लिए रेंडरिंग पूरी हो गई है या नहीं. |
LocationClickEvent क्लास
क्लास
google.maps.maps3d.LocationClickEvent
Event को एक्सटेंड करती है
PlaceClickEvent इसे एक्सटेंड करती है
लाइब्रेरी "maps3d"
यह इवेंट, Map3DElement पर क्लिक करने से ट्रिगर होता है.
const {LocationClickEvent} = await google.maps.importLibrary("maps3d");
प्रॉपर्टी | |
|---|---|
position |
टाइप:
LatLngAltitude optionalइवेंट होने के समय, कर्सर के नीचे मौजूद अक्षांश/देशांतर/ऊंचाई. कृपया ध्यान दें कि कम सटीक लेवल पर, कम सटीक डेटा दिखेगा. इसके अलावा, कैमरे की ऊंची पोज़िशन से जल धरातल पर क्लिक करने पर, ऊंचाई की वैल्यू के लिए समुद्री तल की ऊंचाई की वैल्यू दिख सकती है. यह इवेंट, डीओएम ट्री के ज़रिए बबल अप होता है. |
LocationPointerEvent क्लास
class
google.maps.maps3d.LocationPointerEvent
extends Event
library "maps3d"
यह इवेंट तब ट्रिगर होता है, जब किसी इंटरैक्टिव Map3DElement पर पॉइंटर इंटरैक्शन होता है.
const {LocationPointerEvent} = await google.maps.importLibrary("maps3d");
प्रॉपर्टी | |
|---|---|
position |
टाइप:
LatLngAltitude optionalइवेंट होने के समय, कर्सर के नीचे मौजूद अक्षांश/देशांतर/ऊंचाई. कृपया ध्यान दें कि कम सटीक लेवल पर, कम सटीक डेटा दिखेगा. इसके अलावा, कैमरे की ऊंची पोज़िशन से जल धरातल पर क्लिक करने पर, ऊंचाई की वैल्यू के लिए समुद्री तल की ऊंचाई की वैल्यू दिख सकती है. यह इवेंट, डीओएम ट्री के ज़रिए बबल अप होता है. |
PlaceClickEvent क्लास
class
google.maps.maps3d.PlaceClickEvent
extends LocationClickEvent, Event
library "maps3d"
यह इवेंट, Map3DElement पर किसी जगह के आइकॉन पर क्लिक करके बनाया गया है. डिफ़ॉल्ट पॉपओवर को दिखने से रोकने के लिए, इस इवेंट पर preventDefault() तरीके को कॉल करें. इससे, Map3DElement को इसे मैनेज करने से रोका जा सकेगा.
const {PlaceClickEvent} = await google.maps.importLibrary("maps3d");
प्रॉपर्टी | |
|---|---|
placeId |
टाइप:
stringमैप पर आइटम या एलिमेंट का जगह का आईडी. |
इनहेरिट किया गया:
position
| |
तरीके | |
|---|---|
fetchPlace |
fetchPlace()पैरामीटर: कोई नहीं
इस जगह के आईडी के लिए Place फ़ेच करता है. इससे मिलने वाले Place ऑब्जेक्ट में, id प्रॉपर्टी अपने-आप भर जाएगी. Place.fetchFields() के ज़रिए, अन्य फ़ील्ड का अनुरोध किया जा सकता है. हालांकि, इसके लिए Places API को चालू करना होगा और बिलिंग की सामान्य प्रक्रिया पूरी करनी होगी. अगर Place को फ़ेच करने में कोई गड़बड़ी होती है, तो प्रॉमिस को अस्वीकार कर दिया जाता है. |