Map3DElement क्लास
google.maps.maps3d.Map3DElement
क्लास
Map3DElement, 3D मैप व्यू के लिए एक एचटीएमएल इंटरफ़ेस है. ध्यान दें कि 3D मैप को रेंडर करने के लिए, mode
सेट करना ज़रूरी है.
कस्टम एलिमेंट:
<gmp-map-3d center="lat,lng,altitude" default-ui-disabled heading="number" internal-usage-attribution-ids="id1 id2" max-altitude="number" max-heading="number" max-tilt="number" min-altitude="number" min-heading="number" min-tilt="number" mode="hybrid" range="number" roll="number" tilt="number"></gmp-map-3d>
यह क्लास HTMLElement
तक चलेगी.
यह क्लास Map3DElementOptions
को लागू करती है.
const {Map3DElement} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
Map3DElement |
Map3DElement([options]) पैरामीटर:
|
प्रॉपर्टी | |
---|---|
bounds |
टाइप:
LatLngBounds|LatLngBoundsLiteral optional इस विकल्प को सेट करने पर, कैमरे की पोज़िशन को तय किए गए अक्षांश/देशांतर की सीमाओं के अंदर ही रखा जाता है. ध्यान दें कि सीमा से बाहर के ऑब्जेक्ट अब भी रेंडर किए जाते हैं. सीमाएं, अक्षांश और देशांतर, दोनों को सीमित कर सकती हैं. इसके अलावा, सिर्फ़ अक्षांश या देशांतर को भी सीमित कर सकती हैं. सिर्फ़ अक्षांश की सीमाओं के लिए, -180 और 180 के पश्चिम और पूर्व देशांतर का इस्तेमाल करें. सिर्फ़ देशांतर की सीमाओं के लिए, उत्तर और दक्षिण अक्षांशों के लिए 90 और -90 का इस्तेमाल करें. |
center |
टाइप:
LatLngAltitude|LatLngAltitudeLiteral optional मैप का सेंटर, LatLngAltitude के तौर पर दिया गया है. इसमें ऊंचाई को ज़मीन के लेवल से मीटर में दिखाया गया है. ध्यान दें कि यह ज़रूरी नहीं है कि कैमरा इसी जगह पर हो, क्योंकि
range फ़ील्ड से, कैमरे की दूरी पर असर पड़ता है. अगर यह सेट नहीं है, तो डिफ़ॉल्ट रूप से {lat: 0, lng: 0, altitude: 63170000} लागू हो जाती है. ज़्यादा से ज़्यादा 63170000 मीटर की ऊंचाई पर जाने की अनुमति है. यह पृथ्वी की त्रिज्या को 10 से गुणा करने पर मिलता है.एचटीएमएल एट्रिब्यूट:
|
defaultUIDisabled |
टाइप:
boolean optional डिफ़ॉल्ट:
false true होने पर, यूज़र इंटरफ़ेस (यूआई) के सभी डिफ़ॉल्ट बटन बंद हो जाते हैं. इससे कीबोर्ड और जेस्चर कंट्रोल बंद नहीं होते.एचटीएमएल एट्रिब्यूट:
|
heading |
टाइप:
number optional यह मैप की कंपास हेडिंग है. इसे डिग्री में दिखाया जाता है. उत्तर दिशा को शून्य डिग्री माना जाता है. जब कोई झुकाव नहीं होता है, तो किसी भी रोल को हेडिंग के तौर पर माना जाएगा.
एचटीएमएल एट्रिब्यूट:
|
internalUsageAttributionIds |
टाइप:
Iterable<string> optional यह इनिशियलाइज़र में इस्तेमाल का एट्रिब्यूशन आईडी जोड़ता है. इससे Google को यह समझने में मदद मिलती है कि कौनसी लाइब्रेरी और सैंपल, डेवलपर के लिए मददगार हैं. जैसे, मार्कर क्लस्टरिंग लाइब्रेरी का इस्तेमाल. अगर आपको इस्तेमाल से जुड़े एट्रिब्यूशन आईडी को भेजने की सुविधा से ऑप्ट आउट करना है, तो इस प्रॉपर्टी को मिटाना सुरक्षित है. सिर्फ़ यूनीक वैल्यू भेजी जाएंगी. इंस्टैंटिएट करने के बाद, इस वैल्यू में किए गए बदलावों को अनदेखा किया जा सकता है.
एचटीएमएल एट्रिब्यूट:
|
maxAltitude |
टाइप:
number optional ज़मीन से ज़्यादा से ज़्यादा ऊंचाई, जिसे मैप पर दिखाया जाएगा. मान्य वैल्यू,
0 और 63170000 मीटर के बीच होनी चाहिए. यह पृथ्वी की त्रिज्या को 10 से गुणा करने पर मिलती है.एचटीएमएल एट्रिब्यूट:
|
maxHeading |
टाइप:
number optional मैप के हेडिंग (रोटेशन) का ज़्यादा से ज़्यादा कोण. मान्य वैल्यू,
0 और 360 डिग्री के बीच होनी चाहिए. minHeading और maxHeading , <= 360 डिग्री के इंटरवल को दिखाते हैं. इस इंटरवल में हेडिंग के लिए जेस्चर इस्तेमाल किए जा सकते हैं. minHeading = 180 और maxHeading = 90 की मदद से, [0, 90] और [180, 360] में हेडिंग जोड़ी जा सकेंगी. minHeading = 90 और maxHeading = 180 की मदद से, [90, 180] में हेडिंग इस्तेमाल की जा सकेंगी.एचटीएमएल एट्रिब्यूट:
|
maxTilt |
टाइप:
number optional मैप के झुकाव का ज़्यादा से ज़्यादा कोण. मान्य वैल्यू,
0 और 90 डिग्री के बीच होनी चाहिए.एचटीएमएल एट्रिब्यूट:
|
minAltitude |
टाइप:
number optional ज़मीन से कम से कम ऊंचाई, जिसे मैप पर दिखाया जाएगा. मान्य वैल्यू,
0 और 63170000 मीटर के बीच होनी चाहिए. यह पृथ्वी की त्रिज्या को 10 से गुणा करने पर मिलती है.एचटीएमएल एट्रिब्यूट:
|
minHeading |
टाइप:
number optional मैप के हेडिंग (रोटेशन) का कम से कम कोण. मान्य वैल्यू,
0 और 360 डिग्री के बीच होनी चाहिए. minHeading और maxHeading , <= 360 डिग्री के इंटरवल को दिखाते हैं. इस इंटरवल में हेडिंग के लिए जेस्चर इस्तेमाल किए जा सकते हैं. minHeading = 180 और maxHeading = 90 की मदद से, [0, 90] और [180, 360] में हेडिंग जोड़ी जा सकेंगी. minHeading = 90 और maxHeading = 180 की मदद से, [90, 180] में हेडिंग इस्तेमाल की जा सकेंगी.एचटीएमएल एट्रिब्यूट:
|
minTilt |
टाइप:
number optional मैप के लिए, रोशनी के आने का कम से कम कोण. मान्य वैल्यू,
0 और 90 डिग्री के बीच होनी चाहिए.एचटीएमएल एट्रिब्यूट:
|
mode |
टाइप:
MapMode optional यह तय करता है कि मैप किस मोड में रेंडर होना चाहिए. अगर इसे सेट नहीं किया जाता है, तो मैप रेंडर नहीं होगा.
एचटीएमएल एट्रिब्यूट:
|
range |
टाइप:
number optional कैमरे से मैप के बीच की दूरी, मीटर में.
एचटीएमएल एट्रिब्यूट:
|
roll |
टाइप:
number optional व्यू वेक्टर के चारों ओर कैमरे का रोल, डिग्री में. झुकाव न होने पर, किसी भी रोल को हेडिंग के तौर पर माना जाएगा, ताकि अस्पष्टता को दूर किया जा सके.
एचटीएमएल एट्रिब्यूट:
|
tilt |
टाइप:
number optional कैमरे के व्यू वेक्टर का झुकाव, डिग्री में. पृथ्वी को सीधे तौर पर देखने वाले व्यू वेक्टर का झुकाव शून्य डिग्री होगा. पृथ्वी से दूर की ओर इशारा करने वाले व्यू वेक्टर का झुकाव
180 डिग्री होगा.एचटीएमएल एट्रिब्यूट:
|
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
flyCameraAround |
flyCameraAround(options) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस तरीके में, कैमरे को किसी जगह के चारों ओर एक तय समय तक घुमाया जाता है. इस दौरान, कैमरा तय संख्या में चक्कर लगाता है. डिफ़ॉल्ट रूप से, कैमरा घड़ी की सुई की दिशा में घूमता है. अगर राउंड के लिए कोई नेगेटिव नंबर दिया जाता है, तो कैमरा घड़ी की सुई की उलटी दिशा में घूमेगा. यह तरीका एसिंक्रोनस है, क्योंकि मैप के कम से कम हिस्से के लोड होने के बाद ही ऐनिमेशन शुरू हो सकते हैं. ऐनिमेशन शुरू होने के बाद, यह तरीका वापस आ जाता है. अगर राउंड की संख्या शून्य है, तो कोई स्पिन नहीं होगा. साथ ही, ऐनिमेशन शुरू होने के तुरंत बाद पूरा हो जाएगा. |
flyCameraTo |
flyCameraTo(options) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस तरीके से, कैमरे को मौजूदा जगह से तय की गई आखिरी जगह तक, तय समय में घुमाया जाता है. यह तरीका एसिंक्रोनस है, क्योंकि मैप के कम से कम हिस्से के लोड होने के बाद ही ऐनिमेशन शुरू हो सकते हैं. ऐनिमेशन शुरू होने के बाद, यह तरीका वापस आ जाता है. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
stopCameraAnimation |
stopCameraAnimation() पैरामीटर: कोई नहीं
रिटर्न वैल्यू: कोई नहीं
इस तरीके से, फ़्लाइ ऐनिमेशन को रोका जा सकता है. ऐनिमेशन के बीच में कैमरा जहां होता है वहीं रहता है. यह आखिर की जगह पर नहीं पहुंचता. यह तरीका एसिंक्रोनस है, क्योंकि मैप के कम से कम हिस्से के लोड होने के बाद ही ऐनिमेशन शुरू या बंद किए जा सकते हैं. एनिमेशन रुकने के बाद, यह तरीका काम करना बंद कर देता है. |
इवेंट | |
---|---|
gmp-animationend |
function(animationEndEvent) आर्ग्युमेंट:
फ़्लाइ ऐनिमेशन खत्म होने पर, यह इवेंट ट्रिगर होता है. यह इवेंट, डीओएम ट्री के ज़रिए बब्ल अप होता है. |
gmp-centerchange |
function(centerChangeEvent) आर्ग्युमेंट:
Map3DElement की सेंटर प्रॉपर्टी में बदलाव होने पर, यह इवेंट ट्रिगर होता है. |
gmp-click |
function(clickEvent) आर्ग्युमेंट:
Map3DElement एलिमेंट पर क्लिक करने पर, यह इवेंट ट्रिगर होता है. |
gmp-error |
function(mapInitializationErrorEvent) आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब मैप शुरू नहीं हो पाता. |
gmp-headingchange |
function(headingChangeEvent) आर्ग्युमेंट:
Map3DElement की हेडिंग प्रॉपर्टी में बदलाव होने पर, यह इवेंट ट्रिगर होता है. |
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
इंटरफ़ेस
Map3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Map3DElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
---|---|
bounds optional |
टाइप:
LatLngBounds|LatLngBoundsLiteral optional Map3DElement.bounds देखें. |
center optional |
टाइप:
LatLngAltitude|LatLngAltitudeLiteral optional Map3DElement.center देखें. |
defaultUIDisabled optional |
टाइप:
boolean optional |
heading optional |
टाइप:
number optional Map3DElement.heading देखें. |
internalUsageAttributionIds optional |
टाइप:
Iterable<string> optional |
maxAltitude optional |
टाइप:
number optional Map3DElement.maxAltitude देखें. |
maxHeading optional |
टाइप:
number optional Map3DElement.maxHeading देखें. |
maxTilt optional |
टाइप:
number optional Map3DElement.maxTilt देखें. |
minAltitude optional |
टाइप:
number optional Map3DElement.minAltitude देखें. |
minHeading optional |
टाइप:
number optional Map3DElement.minHeading देखें. |
minTilt optional |
टाइप:
number optional Map3DElement.minTilt देखें. |
mode optional |
टाइप:
MapMode optional Map3DElement.mode देखें. |
range optional |
टाइप:
number optional Map3DElement.range देखें. |
roll optional |
टाइप:
number optional Map3DElement.roll देखें. |
tilt optional |
टाइप:
number optional Map3DElement.tilt देखें. |
MapMode कॉन्स्टेंट
google.maps.maps3d.MapMode
कॉन्स्टेंट
यह तय करता है कि मैप किस मोड में रेंडर होना चाहिए.
const {MapMode} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
कॉन्स्टेंट | |
---|---|
HYBRID |
इस मैप मोड में, सैटलाइट या फ़ोटो जैसी दिखने वाली इमेज पर मुख्य सड़कों की पारदर्शी लेयर दिखती है. |
SATELLITE |
इस मैप मोड में, सैटलाइट या फ़ोटोरियलिस्टिक इमेज दिखाई जाती हैं. हालांकि, ये इमेज सिर्फ़ उन जगहों के लिए उपलब्ध होती हैं जहां ये उपलब्ध हैं. |
FlyAroundAnimationOptions इंटरफ़ेस
google.maps.maps3d.FlyAroundAnimationOptions
इंटरफ़ेस
FlyCameraAround ऐनिमेशन को पसंद के मुताबिक बनाने के विकल्प.
प्रॉपर्टी | |
---|---|
camera |
टाइप:
CameraOptions वह सेंट्रल पॉइंट जिस पर ऑर्बिट ऐनिमेशन के दौरान कैमरे को देखना चाहिए. ध्यान दें कि कैमरे के इस सेंटर पॉइंट के चारों ओर घूमने पर, मैप की हेडिंग बदल जाएगी. |
durationMillis optional |
टाइप:
number optional ऐनिमेशन की अवधि, मिलीसेकंड में. यह ऐनिमेशन की कुल अवधि होती है, न कि एक बार घूमने की अवधि. |
rounds optional |
टाइप:
number optional दी गई अवधि में, सेंटर के चारों ओर घूमने के राउंड की संख्या. इससे रोटेशन की पूरी स्पीड कंट्रोल की जाती है. rounds में कोई नेगेटिव नंबर पास करने पर, कैमरा डिफ़ॉल्ट रूप से घड़ी की सुई की दिशा में घूमने के बजाय, घड़ी की सुई की उलटी दिशा में घूमेगा. |
FlyToAnimationOptions इंटरफ़ेस
google.maps.maps3d.FlyToAnimationOptions
इंटरफ़ेस
FlyCameraTo ऐनिमेशन को पसंद के मुताबिक बनाने के विकल्प.
प्रॉपर्टी | |
---|---|
endCamera |
टाइप:
CameraOptions वह जगह जहां ऐनिमेशन के आखिर में कैमरा पॉइंट करना चाहिए. |
durationMillis optional |
टाइप:
number optional ऐनिमेशन की अवधि, मिलीसेकंड में. अवधि को 0 पर सेट करने से, कैमरा सीधे आखिरी पोज़िशन पर पहुंच जाएगा. |
CameraOptions इंटरफ़ेस
google.maps.maps3d.CameraOptions
इंटरफ़ेस
CameraOptions ऑब्जेक्ट का इस्तेमाल उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें कैमरा ऑब्जेक्ट पर सेट किया जा सकता है. कैमरा ऑब्जेक्ट, कैमरे की पोज़िशन वाली कोई भी चीज़ हो सकती है. जैसे, मैप की मौजूदा स्थिति या आने वाले समय में ऐनिमेशन की अनुरोध की गई स्थिति.
प्रॉपर्टी | |
---|---|
center optional |
टाइप:
LatLngAltitude|LatLngAltitudeLiteral optional Map3DElement.center देखें. |
heading optional |
टाइप:
number optional Map3DElement.heading देखें. |
range optional |
टाइप:
number optional Map3DElement.range देखें. |
roll optional |
टाइप:
number optional Map3DElement.roll देखें. |
tilt optional |
टाइप:
number optional Map3DElement.tilt देखें. |
SteadyChangeEvent class
google.maps.maps3d.SteadyChangeEvent
क्लास
इस इवेंट को Map3DElement
की सामान्य स्थिति को मॉनिटर करके बनाया गया है. यह इवेंट, डीओएम ट्री के ज़रिए बब्ल अप होता है.
यह क्लास Event
तक चलेगी.
const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
प्रॉपर्टी | |
---|---|
isSteady |
टाइप:
boolean इससे पता चलता है कि Map3DElement स्थिर है या नहीं. इसका मतलब है कि मौजूदा सीन के लिए सभी रेंडरिंग पूरी हो गई है या नहीं. |
LocationClickEvent class
google.maps.maps3d.LocationClickEvent
क्लास
यह इवेंट, Map3DElement पर क्लिक करने से बनता है.
यह क्लास Event
तक चलेगी.
const {LocationClickEvent} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
प्रॉपर्टी | |
---|---|
position |
टाइप:
LatLngAltitude optional इवेंट के होने के समय, कर्सर के नीचे मौजूद अक्षांश/देशांतर/ऊंचाई. कृपया ध्यान दें कि कम सटीक लेवल पर, कम सटीक डेटा दिखेगा. इसके अलावा, ज़्यादा ऊंचाई से पानी की सतह पर क्लिक करने पर, ऊंचाई की वैल्यू के लिए समुद्र तल की ऊंचाई दिखाई जा सकती है. यह इवेंट, डीओएम ट्री के ज़रिए बब्ल अप होता है. |
PlaceClickEvent क्लास
google.maps.maps3d.PlaceClickEvent
क्लास
यह इवेंट, Map3DElement
पर मौजूद किसी जगह के आइकॉन पर क्लिक करके बनाया गया है. डिफ़ॉल्ट पॉपओवर को दिखने से रोकने के लिए, इस इवेंट पर preventDefault()
तरीके को कॉल करें, ताकि इसे Map3DElement
से हैंडल न किया जा सके.
यह क्लास LocationClickEvent
तक चलेगी.
const {PlaceClickEvent} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
प्रॉपर्टी | |
---|---|
placeId |
टाइप:
string मैप की सुविधा का प्लेस आईडी. |
इनहेरिट किया गया:
position
|
तरीके | |
---|---|
fetchPlace |
fetchPlace() पैरामीटर: कोई नहीं
इस जगह के आईडी के लिए Place फ़ेच करता है. इससे मिलने वाले Place ऑब्जेक्ट में, आईडी प्रॉपर्टी की वैल्यू अपने-आप भर जाएगी. बाद में, Place.fetchFields() के ज़रिए अतिरिक्त फ़ील्ड का अनुरोध किया जा सकता है. हालांकि, इसके लिए Places API चालू होना चाहिए और बिलिंग की सामान्य प्रक्रिया लागू होनी चाहिए. अगर Place को फ़ेच करते समय कोई गड़बड़ी होती है, तो प्रॉमिस अस्वीकार कर दिया जाता है. |
Marker3DElement क्लास
google.maps.maps3d.Marker3DElement
क्लास
यह 3D मैप पर किसी जगह की जानकारी दिखाता है. ध्यान दें कि Marker3DElement
को दिखाने के लिए, position
को सेट करना ज़रूरी है.
कस्टम एलिमेंट:
<gmp-marker-3d altitude-mode="absolute" collision-behavior="required" draws-when-occluded extruded label="string" position="lat,lng" size-preserved z-index="number"></gmp-marker-3d>
यह क्लास HTMLElement
तक चलेगी.
यह क्लास Marker3DElementOptions
को लागू करती है.
const {Marker3DElement} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
Marker3DElement |
Marker3DElement([options]) पैरामीटर:
यह फ़ंक्शन, तय किए गए विकल्पों के साथ एक Marker3DElement बनाता है. |
प्रॉपर्टी | |
---|---|
altitudeMode |
टाइप:
AltitudeMode optional डिफ़ॉल्ट:
AltitudeMode.CLAMP_TO_GROUND इससे पता चलता है कि पोज़िशन के ऊंचाई वाले कॉम्पोनेंट को कैसे समझा जाता है.
एचटीएमएल एट्रिब्यूट:
|
collisionBehavior |
टाइप:
CollisionBehavior optional डिफ़ॉल्ट:
CollisionBehavior.REQUIRED यह एक गिनती है. इससे यह तय होता है कि जब कोई Marker3DElement, किसी दूसरे Marker3DElement या बेस मैप के लेबल से टकराता है, तो उसे कैसा व्यवहार करना चाहिए.
एचटीएमएल एट्रिब्यूट:
|
drawsWhenOccluded |
टाइप:
boolean optional डिफ़ॉल्ट:
false इस विकल्प से यह तय किया जाता है कि जब मार्कर दिखता न हो, तब उसे बनाया जाना चाहिए या नहीं. मार्कर, मैप की ज्यामिति (जैसे कि बिल्डिंग) की वजह से दिख नहीं सकता.
एचटीएमएल एट्रिब्यूट:
|
extruded |
टाइप:
boolean optional डिफ़ॉल्ट:
false यह तय करता है कि मार्कर को ज़मीन से कनेक्ट करना है या नहीं. मार्कर को एक्सट्रूड करने के लिए,
altitudeMode की वैल्यू RELATIVE_TO_GROUND या ABSOLUTE होनी चाहिए.एचटीएमएल एट्रिब्यूट:
|
label |
टाइप:
string optional इस मार्कर से दिखाया जाने वाला टेक्स्ट.
एचटीएमएल एट्रिब्यूट:
|
position |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional मार्कर के ऊपरी हिस्से की जगह. कुछ मोड में ऊंचाई की जानकारी को अनदेखा किया जाता है. इसलिए, इसे शामिल करना ज़रूरी नहीं है.
एचटीएमएल एट्रिब्यूट:
|
sizePreserved |
टाइप:
boolean optional डिफ़ॉल्ट:
false इससे पता चलता है कि कैमरे से दूरी के बावजूद, इस मार्कर को अपना साइज़ बनाए रखना चाहिए या नहीं. डिफ़ॉल्ट रूप से, मार्कर को कैमरे/झुकाव से दूरी के हिसाब से स्केल किया जाता है.
एचटीएमएल एट्रिब्यूट:
|
zIndex |
टाइप:
number optional अन्य मार्कर की तुलना में zIndex.
एचटीएमएल एट्रिब्यूट:
|
स्लॉट मशीन | |
---|---|
default |
Marker3DElement में सीधे तौर पर जोड़े गए किसी भी कस्टम एलिमेंट को स्लॉट किया जाएगा. हालांकि, मार्कर बनाने के लिए सिर्फ़ HTMLImageElement , SVGElement , और PinElement टाइप के एलिमेंट का इस्तेमाल किया जाएगा. अन्य एलिमेंट को अनदेखा कर दिया जाएगा. Marker3DElement के डिफ़ॉल्ट स्लॉट में असाइन करने से पहले, HTMLImageElement और SVGElement को <template> एलिमेंट में रैप किया जाना चाहिए. फ़िलहाल, इमेज और एसवीजी को 3D सीन में रेंडर करने से पहले रास्टर किया जाता है. इसलिए, एसवीजी में एम्बेड किए गए कस्टम एचटीएमएल या इमेज में जोड़े गए सीएसएस क्लास लागू नहीं होंगे. साथ ही, स्क्रीन पर मार्कर दिखने पर ये नहीं दिख सकते. |
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
Marker3DElementOptions इंटरफ़ेस
google.maps.maps3d.Marker3DElementOptions
इंटरफ़ेस
Marker3DElementOptions ऑब्जेक्ट का इस्तेमाल उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Marker3DElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
---|---|
altitudeMode optional |
टाइप:
AltitudeMode optional Marker3DElement.altitudeMode देखें. |
collisionBehavior optional |
टाइप:
CollisionBehavior optional |
drawsWhenOccluded optional |
टाइप:
boolean optional |
extruded optional |
टाइप:
boolean optional Marker3DElement.extruded देखें. |
label optional |
टाइप:
string optional Marker3DElement.label देखें. |
position optional |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Marker3DElement.position देखें. |
sizePreserved optional |
टाइप:
boolean optional |
zIndex optional |
टाइप:
number optional Marker3DElement.zIndex देखें. |
Marker3DInteractiveElement क्लास
google.maps.maps3d.Marker3DInteractiveElement
क्लास
यह 3D मैप पर किसी जगह की जानकारी दिखाता है. ध्यान दें कि Marker3DInteractiveElement
को दिखाने के लिए, position
को सेट करना ज़रूरी है. Marker3DElement
के उलट, Marker3DInteractiveElement
को gmp-click
इवेंट मिलता है.
कस्टम एलिमेंट:
<gmp-marker-3d-interactive gmp-popover-target="popover-id" title="string"></gmp-marker-3d-interactive>
यह क्लास Marker3DElement
तक चलेगी.
यह क्लास Marker3DInteractiveElementOptions
को लागू करती है.
const {Marker3DInteractiveElement} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
Marker3DInteractiveElement |
Marker3DInteractiveElement([options]) पैरामीटर:
यह फ़ंक्शन, तय किए गए विकल्पों के साथ एक Marker3DInteractiveElement बनाता है. |
प्रॉपर्टी | |
---|---|
gmpPopoverTargetElement |
टाइप:
PopoverElement optional इस विकल्प को सेट करने पर, इस मार्कर पर क्लिक करने से पॉपओवर एलिमेंट खुल जाएगा.
एचटीएमएल एट्रिब्यूट:
|
title |
टाइप:
string रोलओवर टेक्स्ट. अगर यह वैल्यू दी जाती है, तो सुलभता टेक्स्ट (उदाहरण के लिए, स्क्रीन रीडर के साथ इस्तेमाल करने के लिए) को
Marker3DInteractiveElement में दी गई वैल्यू के साथ जोड़ दिया जाएगा.एचटीएमएल एट्रिब्यूट:
|
इनहेरिट किया गया:
altitudeMode ,
collisionBehavior ,
drawsWhenOccluded ,
extruded ,
label ,
position ,
sizePreserved ,
zIndex
|
स्लॉट मशीन | |
---|---|
default |
Marker3DInteractiveElement में सीधे तौर पर जोड़े गए किसी भी कस्टम एलिमेंट को स्लॉट किया जाएगा. हालांकि, मार्कर बनाने के लिए सिर्फ़ PinElement टाइप के एलिमेंट का इस्तेमाल किया जाएगा. अन्य एलिमेंट को अनदेखा कर दिया जाएगा. |
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
इवेंट | |
---|---|
gmp-click |
function(clickEvent) आर्ग्युमेंट:
Marker3DInteractiveElement एलिमेंट पर क्लिक करने पर, यह इवेंट ट्रिगर होता है. |
Marker3DInteractiveElementOptions इंटरफ़ेस
google.maps.maps3d.Marker3DInteractiveElementOptions
इंटरफ़ेस
Marker3DInteractiveElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Marker3DInteractiveElement पर सेट किया जा सकता है.
यह इंटरफ़ेस, Marker3DElementOptions
को बढ़ाता है.
प्रॉपर्टी | |
---|---|
gmpPopoverTargetElement optional |
टाइप:
PopoverElement optional |
title optional |
टाइप:
string optional |
इनहेरिट किया गया:
altitudeMode ,
collisionBehavior ,
drawsWhenOccluded ,
extruded ,
label ,
position ,
sizePreserved ,
zIndex
|
Model3DElement क्लास
google.maps.maps3d.Model3DElement
क्लास
ऐसा 3D मॉडल जो gLTF मॉडल को रेंडर करने की अनुमति देता है. ध्यान दें कि Model3DElement
को दिखाने के लिए, position
और src
को सेट करना ज़रूरी है.
gLTF PBR की मुख्य प्रॉपर्टी काम करनी चाहिए. फ़िलहाल, कोई एक्सटेंशन या एक्सटेंशन प्रॉपर्टी काम नहीं करती.
कस्टम एलिमेंट:
<gmp-model-3d altitude-mode="absolute" orientation="heading,tilt,roll" position="lat,lng" scale="number" src="url"></gmp-model-3d>
यह क्लास HTMLElement
तक चलेगी.
यह क्लास Model3DElementOptions
को लागू करती है.
const {Model3DElement} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
Model3DElement |
Model3DElement([options]) पैरामीटर:
यह फ़ंक्शन, तय किए गए विकल्पों के साथ एक Model3DElement बनाता है. |
प्रॉपर्टी | |
---|---|
altitudeMode |
टाइप:
AltitudeMode optional डिफ़ॉल्ट:
AltitudeMode.CLAMP_TO_GROUND इससे पता चलता है कि पोज़िशन में ऊंचाई को कैसे समझा जाता है.
एचटीएमएल एट्रिब्यूट:
|
orientation |
टाइप:
Orientation3D|Orientation3DLiteral optional यह 3D मॉडल के कोऑर्डिनेट सिस्टम के रोटेशन के बारे में बताता है, ताकि मॉडल को 3D मैप पर रखा जा सके.
मॉडल पर रोटेशन, इस क्रम में लागू होते हैं: रोल, टिल्ट, और फिर हेडिंग. एचटीएमएल एट्रिब्यूट:
|
position |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Model3DElement की पोज़िशन सेट करता है. कुछ मोड में ऊंचाई की जानकारी को अनदेखा किया जाता है. इसलिए, इसे शामिल करना ज़रूरी नहीं है.एचटीएमएल एट्रिब्यूट:
|
scale |
टाइप:
number|Vector3D|Vector3DLiteral optional डिफ़ॉल्ट:
1 यह मॉडल के कॉर्डिनेट स्पेस में, x, y, और z ऐक्सिस के हिसाब से मॉडल को स्केल करता है.
एचटीएमएल एट्रिब्यूट:
|
src |
टाइप:
string|URL optional 3D मॉडल का यूआरएल बताता है. फ़िलहाल, सिर्फ़
.glb फ़ॉर्मैट वाले मॉडल इस्तेमाल किए जा सकते हैं. मिलते-जुलते एचटीटीपी यूआरएल को उनके पूरे यूआरएल में बदल दिया जाएगा. कृपया ध्यान दें कि अगर आपने अपनी .glb मॉडल फ़ाइलों को अपने मुख्य ऐप्लिकेशन के बजाय किसी दूसरी वेबसाइट या सर्वर पर होस्ट किया है, तो पक्का करें कि आपने सही CORS HTTP हेडर सेट अप किए हों. इससे आपका ऐप्लिकेशन, दूसरे डोमेन से मॉडल फ़ाइलों को सुरक्षित तरीके से ऐक्सेस कर पाता है.एचटीएमएल एट्रिब्यूट:
|
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
Model3DElementOptions interface
google.maps.maps3d.Model3DElementOptions
इंटरफ़ेस
Model3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Model3DElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
---|---|
altitudeMode optional |
टाइप:
AltitudeMode optional Model3DElement.altitudeMode देखें. |
orientation optional |
टाइप:
Orientation3D|Orientation3DLiteral optional Model3DElement.orientation देखें. |
position optional |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Model3DElement.position देखें. |
scale optional |
टाइप:
number|Vector3D|Vector3DLiteral optional Model3DElement.scale देखें. |
src optional |
टाइप:
string|URL optional Model3DElement.src देखें. |
Model3DInteractiveElement क्लास
google.maps.maps3d.Model3DInteractiveElement
क्लास
ऐसा 3D मॉडल जो gLTF मॉडल को रेंडर करने की अनुमति देता है. ध्यान दें कि Model3DElement
को दिखाने के लिए, position
और src
को सेट करना ज़रूरी है.
gLTF PBR की मुख्य प्रॉपर्टी काम करनी चाहिए. फ़िलहाल, कोई एक्सटेंशन या एक्सटेंशन प्रॉपर्टी काम नहीं करती.
Model3DElement
के उलट, Model3DInteractiveElement
को gmp-click
इवेंट मिलता है.
कस्टम एलिमेंट:
<gmp-model-3d-interactive></gmp-model-3d-interactive>
यह क्लास Model3DElement
तक चलेगी.
यह क्लास Model3DInteractiveElementOptions
को लागू करती है.
const {Model3DInteractiveElement} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
Model3DInteractiveElement |
Model3DInteractiveElement([options]) पैरामीटर:
यह फ़ंक्शन, तय किए गए विकल्पों के साथ एक Model3DInteractiveElement बनाता है. |
प्रॉपर्टी | |
---|---|
इनहेरिट किया गया:
altitudeMode ,
orientation ,
position ,
scale ,
src
|
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
इवेंट | |
---|---|
gmp-click |
function(clickEvent) आर्ग्युमेंट:
Model3DInteractiveElement एलिमेंट पर क्लिक करने पर, यह इवेंट ट्रिगर होता है. |
Model3DInteractiveElementOptions इंटरफ़ेस
google.maps.maps3d.Model3DInteractiveElementOptions
इंटरफ़ेस
Model3DInteractiveElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Model3DInteractiveElement पर सेट किया जा सकता है.
यह इंटरफ़ेस, Model3DElementOptions
को बढ़ाता है.
प्रॉपर्टी | |
---|---|
इनहेरिट किया गया:
altitudeMode ,
orientation ,
position ,
scale ,
src
|
Polyline3DElement क्लास
google.maps.maps3d.Polyline3DElement
क्लास
3D पॉलीलाइन, 3D मैप पर कनेक्ट किए गए लाइन सेगमेंट का लीनियर ओवरले होता है.
कस्टम एलिमेंट:
<gmp-polyline-3d altitude-mode="absolute" draws-occluded-segments extruded geodesic outer-color="string" outer-width="number" path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..." stroke-color="string" stroke-width="number" z-index="number"></gmp-polyline-3d>
यह क्लास HTMLElement
तक चलेगी.
यह क्लास Polyline3DElementOptions
को लागू करती है.
const {Polyline3DElement} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
Polyline3DElement |
Polyline3DElement([options]) पैरामीटर:
यह फ़ंक्शन, तय किए गए विकल्पों के साथ एक Polyline3DElement बनाता है. |
प्रॉपर्टी | |
---|---|
altitudeMode |
टाइप:
AltitudeMode optional डिफ़ॉल्ट:
AltitudeMode.CLAMP_TO_GROUND इससे यह तय होता है कि निर्देशांकों में ऊंचाई की जानकारी को कैसे समझा जाए.
एचटीएमएल एट्रिब्यूट:
|
drawsOccludedSegments |
टाइप:
boolean optional डिफ़ॉल्ट:
false इससे पता चलता है कि पॉलीलाइन के उन हिस्सों को बनाया गया है या नहीं जिन्हें छिपाया जा सकता है. पॉलीलाइन को मैप की ज्यामिति (जैसे कि इमारतें) से छिपाया जा सकता है.
एचटीएमएल एट्रिब्यूट:
|
extruded |
टाइप:
boolean optional डिफ़ॉल्ट:
false इससे यह तय किया जाता है कि पॉलीलाइन को ज़मीन से कनेक्ट करना है या नहीं. किसी पॉलीलाइन को एक्सट्रूड करने के लिए,
altitudeMode को RELATIVE_TO_GROUND या ABSOLUTE पर सेट करना ज़रूरी है.एचटीएमएल एट्रिब्यूट:
|
geodesic |
टाइप:
boolean optional डिफ़ॉल्ट:
false true होने पर, पॉलीलाइन के किनारों को जियोडेसिक के तौर पर समझा जाता है. साथ ही, ये पृथ्वी की वक्रता के हिसाब से दिखते हैं. जब false होता है, तब पॉलीलाइन के किनारों को स्क्रीन स्पेस में सीधी लाइनों के तौर पर रेंडर किया जाता है.एचटीएमएल एट्रिब्यूट:
|
outerColor |
टाइप:
string optional बाहरी रंग. सीएसएस3 के सभी रंग इस्तेमाल किए जा सकते हैं.
एचटीएमएल एट्रिब्यूट:
|
outerWidth |
टाइप:
number optional बाहरी चौड़ाई
0.0 और 1.0 के बीच है. यह strokeWidth का प्रतिशत है.एचटीएमएल एट्रिब्यूट:
|
path |
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional पॉलीलाइन के निर्देशांकों का क्रम. कुछ मोड में ऊंचाई की जानकारी को अनदेखा किया जाता है. इसलिए, इसे शामिल करना ज़रूरी नहीं है.
एचटीएमएल एट्रिब्यूट:
|
strokeColor |
टाइप:
string optional स्ट्रोक का रंग. सीएसएस3 के सभी रंग इस्तेमाल किए जा सकते हैं.
एचटीएमएल एट्रिब्यूट:
|
strokeWidth |
टाइप:
number optional स्ट्रोक की चौड़ाई, पिक्सल में.
एचटीएमएल एट्रिब्यूट:
|
zIndex |
टाइप:
number optional अन्य पॉलीगॉन की तुलना में zIndex.
एचटीएमएल एट्रिब्यूट:
|
|
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional पॉलीलाइन के निर्देशांकों का क्रम. कुछ मोड में ऊंचाई की जानकारी को अनदेखा किया जाता है. इसलिए, इसे शामिल करना ज़रूरी नहीं है. |
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
Polyline3DElementOptions इंटरफ़ेस
google.maps.maps3d.Polyline3DElementOptions
इंटरफ़ेस
Polyline3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polyline3DElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
---|---|
altitudeMode optional |
टाइप:
AltitudeMode optional |
coordinates optional |
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional |
drawsOccludedSegments optional |
टाइप:
boolean optional |
extruded optional |
टाइप:
boolean optional Polyline3DElement.extruded देखें. |
geodesic optional |
टाइप:
boolean optional Polyline3DElement.geodesic देखें. |
outerColor optional |
टाइप:
string optional Polyline3DElement.outerColor देखें. |
outerWidth optional |
टाइप:
number optional Polyline3DElement.outerWidth देखें. |
strokeColor optional |
टाइप:
string optional |
strokeWidth optional |
टाइप:
number optional |
zIndex optional |
टाइप:
number optional Polyline3DElement.zIndex देखें. |
Polyline3DInteractiveElement क्लास
google.maps.maps3d.Polyline3DInteractiveElement
क्लास
3D पॉलीलाइन, 3D मैप पर कनेक्ट किए गए लाइन सेगमेंट का लीनियर ओवरले होता है. Polyline3DElement
के उलट, Polyline3DInteractiveElement
को gmp-click
इवेंट मिलता है.
कस्टम एलिमेंट:
<gmp-polyline-3d-interactive></gmp-polyline-3d-interactive>
यह क्लास Polyline3DElement
तक चलेगी.
यह क्लास Polyline3DInteractiveElementOptions
को लागू करती है.
const {Polyline3DInteractiveElement} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
Polyline3DInteractiveElement |
Polyline3DInteractiveElement([options]) पैरामीटर:
यह फ़ंक्शन, तय किए गए विकल्पों के साथ एक Polyline3DInteractiveElement बनाता है. |
प्रॉपर्टी | |
---|---|
इनहेरिट किया गया:
altitudeMode ,
drawsOccludedSegments ,
extruded ,
geodesic ,
outerColor ,
outerWidth ,
path ,
strokeColor ,
strokeWidth ,
zIndex ,
|
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
इवेंट | |
---|---|
gmp-click |
function(clickEvent) आर्ग्युमेंट:
Polyline3DInteractiveElement एलिमेंट पर क्लिक करने पर, यह इवेंट ट्रिगर होता है. |
Polyline3DInteractiveElementOptions इंटरफ़ेस
google.maps.maps3d.Polyline3DInteractiveElementOptions
इंटरफ़ेस
Polyline3DInteractiveElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polyline3DInteractiveElement पर सेट किया जा सकता है.
यह इंटरफ़ेस, Polyline3DElementOptions
को बढ़ाता है.
प्रॉपर्टी | |
---|---|
इनहेरिट किया गया:
altitudeMode ,
coordinates ,
drawsOccludedSegments ,
extruded ,
geodesic ,
outerColor ,
outerWidth ,
strokeColor ,
strokeWidth ,
zIndex
|
Polygon3DElement क्लास
google.maps.maps3d.Polygon3DElement
क्लास
3D पॉलीगॉन (जैसे कि 3D पॉलीलाइन), क्रम से जुड़े निर्देशांकों की एक सीरीज़ को तय करता है. इसके अलावा, पॉलीगॉन एक बंद लूप बनाते हैं और किसी जगह को दिखाते हैं.
कस्टम एलिमेंट:
<gmp-polygon-3d altitude-mode="absolute" draws-occluded-segments extruded fill-color="string" geodesic path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..." stroke-color="string" stroke-width="number" z-index="number"></gmp-polygon-3d>
यह क्लास HTMLElement
तक चलेगी.
यह क्लास Polygon3DElementOptions
को लागू करती है.
const {Polygon3DElement} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
Polygon3DElement |
Polygon3DElement([options]) पैरामीटर:
यह फ़ंक्शन, तय किए गए विकल्पों के साथ एक Polygon3DElement बनाता है. |
प्रॉपर्टी | |
---|---|
altitudeMode |
टाइप:
AltitudeMode optional डिफ़ॉल्ट:
AltitudeMode.CLAMP_TO_GROUND इससे यह तय होता है कि निर्देशांकों में ऊंचाई की जानकारी को कैसे समझा जाए.
एचटीएमएल एट्रिब्यूट:
|
drawsOccludedSegments |
टाइप:
boolean optional डिफ़ॉल्ट:
false इससे पता चलता है कि पॉलीगॉन के उन हिस्सों को बनाया गया है या नहीं जिन्हें छिपाया जा सकता है. पॉलीगॉन, मैप की ज्यामिति (जैसे कि इमारतें) से ढके जा सकते हैं.
एचटीएमएल एट्रिब्यूट:
|
extruded |
टाइप:
boolean optional डिफ़ॉल्ट:
false इससे यह तय किया जाता है कि पॉलीगॉन को ज़मीन से कनेक्ट करना है या नहीं. किसी पॉलीगॉन को एक्सट्रूड करने के लिए,
altitudeMode को RELATIVE_TO_GROUND या ABSOLUTE पर सेट किया जाना चाहिए.एचटीएमएल एट्रिब्यूट:
|
fillColor |
टाइप:
string optional भरने का रंग. सीएसएस3 के सभी रंग इस्तेमाल किए जा सकते हैं.
एचटीएमएल एट्रिब्यूट:
|
geodesic |
टाइप:
boolean optional डिफ़ॉल्ट:
false true चालू होने पर, पॉलीगॉन के किनारों को जियोडेसिक के तौर पर माना जाता है. ये पृथ्वी की वक्रता के हिसाब से होते हैं. false होने पर, पॉलीगॉन के किनारों को स्क्रीन स्पेस में सीधी लाइनों के तौर पर रेंडर किया जाता है.एचटीएमएल एट्रिब्यूट:
|
innerPaths |
टाइप:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional निर्देशांकों का क्रम, जो क्लोज़्ड लूप तय करता है. पॉलीलाइन के उलट, पॉलीगॉन में एक या उससे ज़्यादा पाथ हो सकते हैं. इससे पॉलीगॉन के अंदर कई कट-आउट बन जाते हैं. |
path |
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional निर्देशांकों का क्रम, जो क्लोज़्ड लूप तय करता है. कुछ मोड में ऊंचाई की जानकारी को अनदेखा किया जाता है. इसलिए, इसे शामिल करना ज़रूरी नहीं है.
एचटीएमएल एट्रिब्यूट:
|
strokeColor |
टाइप:
string optional स्ट्रोक का रंग. सीएसएस3 के सभी रंग इस्तेमाल किए जा सकते हैं.
एचटीएमएल एट्रिब्यूट:
|
strokeWidth |
टाइप:
number optional स्ट्रोक की चौड़ाई, पिक्सल में.
एचटीएमएल एट्रिब्यूट:
|
zIndex |
टाइप:
number optional अन्य पॉलीगॉन की तुलना में zIndex.
एचटीएमएल एट्रिब्यूट:
|
|
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional निर्देशांकों का क्रम, जो क्लोज़्ड लूप तय करता है. कुछ मोड में ऊंचाई की जानकारी को अनदेखा किया जाता है. इसलिए, इसे शामिल करना ज़रूरी नहीं है. |
|
टाइप:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional निर्देशांकों का क्रम, जो क्लोज़्ड लूप तय करता है. पॉलीलाइन के उलट, पॉलीगॉन में एक या उससे ज़्यादा पाथ हो सकते हैं. इससे पॉलीगॉन के अंदर कई कट-आउट बन जाते हैं. |
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
Polygon3DElementOptions इंटरफ़ेस
google.maps.maps3d.Polygon3DElementOptions
इंटरफ़ेस
Polygon3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polygon3DElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
---|---|
altitudeMode optional |
टाइप:
AltitudeMode optional |
drawsOccludedSegments optional |
टाइप:
boolean optional |
extruded optional |
टाइप:
boolean optional Polygon3DElement.extruded देखें. |
fillColor optional |
टाइप:
string optional Polygon3DElement.fillColor देखें. |
geodesic optional |
टाइप:
boolean optional Polygon3DElement.geodesic देखें. |
innerCoordinates optional |
टाइप:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral>|Iterable<LatLngLiteral>> optional |
outerCoordinates optional |
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional |
strokeColor optional |
टाइप:
string optional Polygon3DElement.strokeColor देखें. |
strokeWidth optional |
टाइप:
number optional Polygon3DElement.strokeWidth देखें. |
zIndex optional |
टाइप:
number optional Polygon3DElement.zIndex देखें. |
Polygon3DInteractiveElement class
google.maps.maps3d.Polygon3DInteractiveElement
क्लास
3D पॉलीगॉन (जैसे कि 3D पॉलीलाइन), क्रम से जुड़े निर्देशांकों की एक सीरीज़ को तय करता है. इसके अलावा, पॉलीगॉन एक बंद लूप बनाते हैं और किसी जगह को दिखाते हैं. Polygon3DElement
के उलट, Polygon3DInteractiveElement
को gmp-click
इवेंट मिलता है.
कस्टम एलिमेंट:
<gmp-polygon-3d-interactive></gmp-polygon-3d-interactive>
यह क्लास Polygon3DElement
तक चलेगी.
यह क्लास Polygon3DInteractiveElementOptions
को लागू करती है.
const {Polygon3DInteractiveElement} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
Polygon3DInteractiveElement |
Polygon3DInteractiveElement([options]) पैरामीटर:
यह फ़ंक्शन, तय किए गए विकल्पों के साथ एक Polygon3DInteractiveElement बनाता है. |
प्रॉपर्टी | |
---|---|
इनहेरिट किया गया:
altitudeMode ,
drawsOccludedSegments ,
extruded ,
fillColor ,
geodesic ,
innerPaths ,
path ,
strokeColor ,
strokeWidth ,
zIndex ,
,
|
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
इवेंट | |
---|---|
gmp-click |
function(clickEvent) आर्ग्युमेंट:
Polygon3DInteractiveElement एलिमेंट पर क्लिक करने पर, यह इवेंट ट्रिगर होता है. |
Polygon3DInteractiveElementOptions इंटरफ़ेस
google.maps.maps3d.Polygon3DInteractiveElementOptions
इंटरफ़ेस
Polygon3DInteractiveElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polygon3DInteractiveElement पर सेट किया जा सकता है.
यह इंटरफ़ेस, Polygon3DElementOptions
को बढ़ाता है.
प्रॉपर्टी | |
---|---|
इनहेरिट किया गया:
altitudeMode ,
drawsOccludedSegments ,
extruded ,
fillColor ,
geodesic ,
innerCoordinates ,
outerCoordinates ,
strokeColor ,
strokeWidth ,
zIndex
|
PopoverElement क्लास
google.maps.maps3d.PopoverElement
क्लास
कस्टम एचटीएमएल एलिमेंट, जो पॉपओवर रेंडर करता है. यह एक बबल की तरह दिखता है और अक्सर मार्कर से जुड़ा होता है.
कस्टम एलिमेंट:
<gmp-popover altitude-mode="absolute" light-dismiss-disabled open position-anchor="lat,lng"></gmp-popover>
यह क्लास HTMLElement
तक चलेगी.
यह क्लास PopoverElementOptions
को लागू करती है.
const {PopoverElement} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
PopoverElement |
PopoverElement([options]) पैरामीटर:
|
प्रॉपर्टी | |
---|---|
altitudeMode |
टाइप:
AltitudeMode optional डिफ़ॉल्ट:
AltitudeMode.CLAMP_TO_GROUND इससे पता चलता है कि पोज़िशन के ऊंचाई वाले कॉम्पोनेंट को कैसे समझा जाता है.
एचटीएमएल एट्रिब्यूट:
|
lightDismissDisabled |
टाइप:
boolean optional डिफ़ॉल्ट:
false इससे पता चलता है कि इस पॉपओवर को "लाइट डिसमिस" किया जाना चाहिए या नहीं. "लाइट डिसमिस" का व्यवहार,
popover="auto" एट्रिब्यूट सेट करने जैसा होता है. यह ब्राउज़र के Popover API का हिस्सा है.एचटीएमएल एट्रिब्यूट:
|
open |
टाइप:
boolean optional डिफ़ॉल्ट:
false इससे पता चलता है कि इस पॉपओवर को खुला रखना है या नहीं.
एचटीएमएल एट्रिब्यूट:
|
positionAnchor |
टाइप:
LatLngLiteral|LatLngAltitudeLiteral|Marker3DInteractiveElement|string optional इस पॉपओवर को दिखाने की जगह. अगर पॉपओवर को किसी इंटरैक्टिव मार्कर से जोड़ा गया है, तो मार्कर की पोज़िशन का इस्तेमाल किया जाएगा.
एचटीएमएल एट्रिब्यूट:
|
स्लॉट मशीन | |
---|---|
default |
इस स्लॉट में मौजूद कॉन्टेंट को पॉपओवर के मुख्य सेक्शन में रखा जाता है. |
header |
इस स्लॉट का इस्तेमाल करके, पॉपओवर के हेडिंग सेक्शन में कॉन्टेंट रखा जाता है. |
सीएसएस प्रॉपर्टी | |
---|---|
--gmp-popover-max-width |
कॉन्टेंट की चौड़ाई कुछ भी हो, पॉपओवर की ज़्यादा से ज़्यादा चौड़ाई. |
--gmp-popover-min-width |
कॉन्टेंट की चौड़ाई कुछ भी हो, पॉपओवर की कम से कम चौड़ाई. इस प्रॉपर्टी का इस्तेमाल करते समय, हमारा सुझाव है कि आप इसे मैप की चौड़ाई (पिक्सल में) से कम वैल्यू पर सेट करें. |
--gmp-popover-pixel-offset-x |
यह मैप पर मौजूद उस पॉइंट से पिक्सल में x-ऐक्सिस पर पॉपओवर के टिप का ऑफ़सेट होता है जिसके भौगोलिक निर्देशांकों पर पॉपओवर ऐंकर किया गया है. |
--gmp-popover-pixel-offset-y |
यह मैप पर मौजूद उस पॉइंट से पॉपओवर के टिप का y-ऐक्सिस पर ऑफ़सेट होता है जिसके भौगोलिक निर्देशांकों पर पॉपओवर ऐंकर किया गया है. यह ऑफ़सेट पिक्सल में होता है. |
color-scheme |
इससे पता चलता है कि इस पॉपओवर को किस कलर स्कीम में रेंडर किया जा सकता है. ज़्यादा जानकारी के लिए, color-scheme दस्तावेज़ देखें. अगर इसे सेट नहीं किया जाता है, तो यह डिफ़ॉल्ट रूप से उपयोगकर्ता की कलर स्कीम की प्राथमिकताओं पर सेट होता है. |
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
PopoverElementOptions इंटरफ़ेस
google.maps.maps3d.PopoverElementOptions
इंटरफ़ेस
PopoverElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें PopoverElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
---|---|
altitudeMode optional |
टाइप:
AltitudeMode optional PopoverElement.altitudeMode देखें. |
lightDismissDisabled optional |
टाइप:
boolean optional |
open optional |
टाइप:
boolean optional PopoverElement.open देखें. |
positionAnchor optional |
टाइप:
LatLngLiteral|LatLngAltitudeLiteral|string|Marker3DInteractiveElement optional |
AltitudeMode कॉन्स्टेंट
google.maps.maps3d.AltitudeMode
कॉन्स्टेंट
इससे यह तय होता है कि निर्देशांकों में ऊंचाई की जानकारी को कैसे समझा जाए.
const {AltitudeMode} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
कॉन्स्टेंट | |
---|---|
ABSOLUTE |
इससे ऑब्जेक्ट को समुद्र तल से औसत ऊंचाई के हिसाब से दिखाया जा सकता है. इसका यह भी मतलब है कि अगर ऑब्जेक्ट के नीचे के इलाके की जानकारी के लेवल में बदलाव होता है, तो उसकी सटीक जगह में कोई बदलाव नहीं होगा. |
CLAMP_TO_GROUND |
इससे ज़मीन पर रखे गए ऑब्जेक्ट को दिखाया जा सकता है. ये ज़मीन पर प्राकृतिक बनावट के साथ सही इलाके में दिखेंगी. भले ही, ऊंचाई कितनी भी दी गई हो. अगर ऑब्जेक्ट को किसी बड़े जलाशय के ऊपर रखा जाता है, तो उसे समुद्र तल पर रखा जाएगा. |
RELATIVE_TO_GROUND |
इससे ऑब्जेक्ट को ज़मीन की सतह के हिसाब से दिखाने में मदद मिलती है. अगर इलाके की बारीकियों के लेवल में बदलाव होता है, तो ऑब्जेक्ट की पोज़िशन ज़मीन के हिसाब से एक जैसी बनी रहेगी. पानी के ऊपर होने पर, ऊंचाई को समुद्र तल से मीटर में मापा जाएगा. |
RELATIVE_TO_MESH |
इस विकल्प की मदद से, ऑब्जेक्ट को ज़मीन+इमारत+पानी की सतह की सबसे ऊंची जगह के हिसाब से दिखाया जा सकता है. पानी के ऊपर होने पर, यह पानी की सतह होगी. वहीं, ज़मीन के ऊपर होने पर, यह इमारत की सतह (अगर मौजूद है) या ज़मीन की सतह (अगर कोई इमारत नहीं है) होगी. |