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> एलिमेंट में रैप करना ज़रूरी है. फ़िलहाल, इमेज और SVG को 3D सीन में रेंडर करने से पहले रास्टर इमेज में बदलने की प्रोसेस किया जाता है. इसलिए, SVG में एम्बेड किया गया पसंद के मुताबिक HTML या इमेज में जोड़ी गई CSS क्लास लागू नहीं होंगी. साथ ही, हो सकता है कि स्क्रीन पर मार्कर दिखने पर, वे न दिखें. |
तरीके | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें. |
Marker3DElementOptions इंटरफ़ेस
google.maps.maps3d.Marker3DElementOptions
इंटरफ़ेस
Marker3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Marker3DElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
altitudeMode optional |
टाइप:
AltitudeMode optionalMarker3DElement.altitudeMode देखें. |
collisionBehavior optional |
टाइप:
CollisionBehavior optional |
drawsWhenOccluded optional |
टाइप:
boolean optional |
extruded optional |
टाइप:
boolean optionalMarker3DElement.extruded देखें. |
label optional |
टाइप:
string optionalMarker3DElement.label देखें. |
position optional |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalMarker3DElement.position देखें. |
sizePreserved optional |
टाइप:
boolean optional |
zIndex optional |
टाइप:
number optionalMarker3DElement.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])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. 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 optionalModel3DElement की पोज़िशन सेट करता है. कुछ मोड में ऊंचाई को अनदेखा किया जाता है. इसलिए, यह ज़रूरी नहीं है.एचटीएमएल एट्रिब्यूट:
|
scale |
टाइप:
number|Vector3D|Vector3DLiteral optionalडिफ़ॉल्ट:
1यह मॉडल के कोऑर्डिनेट स्पेस में, मॉडल को x, y, और z ऐक्सिस के हिसाब से स्केल करता है.
एचटीएमएल एट्रिब्यूट:
|
src |
टाइप:
string|URL optional3D मॉडल का यूआरएल बताता है. फ़िलहाल, सिर्फ़
.glb फ़ॉर्मैट वाले मॉडल काम करते हैं. किसी भी रिलेटिव एचटीटीपी यूआरएल को उसके संबंधित ऐब्सलूट यूआरएल में बदल दिया जाएगा. कृपया ध्यान दें कि अगर .glb मॉडल फ़ाइलों को आपके मुख्य ऐप्लिकेशन के बजाय किसी दूसरी वेबसाइट या सर्वर पर होस्ट किया जा रहा है, तो सही सीओआरएस एचटीटीपी हेडर सेट अप करना न भूलें. इससे आपके ऐप्लिकेशन को दूसरे डोमेन से मॉडल फ़ाइलों को सुरक्षित तरीके से ऐक्सेस करने की अनुमति मिलती है.एचटीएमएल एट्रिब्यूट:
|
तरीके | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें. |
Model3DElementOptions इंटरफ़ेस
google.maps.maps3d.Model3DElementOptions
इंटरफ़ेस
Model3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Model3DElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
altitudeMode optional |
टाइप:
AltitudeMode optionalModel3DElement.altitudeMode देखें. |
orientation optional |
टाइप:
Orientation3D|Orientation3DLiteral optionalModel3DElement.orientation देखें. |
position optional |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalModel3DElement.position देखें. |
scale optional |
टाइप:
number|Vector3D|Vector3DLiteral optionalModel3DElement.scale देखें. |
src optional |
टाइप:
string|URL optionalModel3DElement.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])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. 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डिफ़ॉल्ट:
falsetrue होने पर, पॉलीलाइन के किनारों को जियोडेसिक माना जाता है और वे पृथ्वी के घुमाव के हिसाब से दिखेंगे. false होने पर, पॉलीलाइन के किनारों को स्क्रीन स्पेस में सीधी लाइनों के तौर पर रेंडर किया जाता है.एचटीएमएल एट्रिब्यूट:
|
outerColor |
टाइप:
string optionalबाहरी रंग. सभी CSS3 रंगों का इस्तेमाल किया जा सकता है.
एचटीएमएल एट्रिब्यूट:
|
outerWidth |
टाइप:
number optionalबाहरी चौड़ाई,
0.0 और 1.0 के बीच है. यह strokeWidth का प्रतिशत होता है.एचटीएमएल एट्रिब्यूट:
|
path |
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optionalपॉलीलाइन के निर्देशांकों का क्रम. कुछ मोड में ऊंचाई को अनदेखा किया जाता है. इसलिए, यह ज़रूरी नहीं है.
एचटीएमएल एट्रिब्यूट:
|
strokeColor |
टाइप:
string optionalस्ट्रोक का रंग. सभी CSS3 रंगों का इस्तेमाल किया जा सकता है.
एचटीएमएल एट्रिब्यूट:
|
strokeWidth |
टाइप:
number optionalपिक्सल में स्ट्रोक की चौड़ाई.
एचटीएमएल एट्रिब्यूट:
|
zIndex |
टाइप:
number optionalअन्य पॉलीगॉन की तुलना में zIndex.
एचटीएमएल एट्रिब्यूट:
|
|
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optionalपॉलीलाइन के निर्देशांकों का क्रम. कुछ मोड में ऊंचाई को अनदेखा किया जाता है. इसलिए, यह ज़रूरी नहीं है. |
तरीके | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. 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 optionalPolyline3DElement.extruded देखें. |
geodesic optional |
टाइप:
boolean optionalPolyline3DElement.geodesic देखें. |
outerColor optional |
टाइप:
string optionalPolyline3DElement.outerColor देखें. |
outerWidth optional |
टाइप:
number optionalPolyline3DElement.outerWidth देखें. |
strokeColor optional |
टाइप:
string optional |
strokeWidth optional |
टाइप:
number optional |
zIndex optional |
टाइप:
number optionalPolyline3DElement.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])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. 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रंग भरने की सुविधा. सभी CSS3 रंगों का इस्तेमाल किया जा सकता है.
एचटीएमएल एट्रिब्यूट:
|
geodesic |
टाइप:
boolean optionalडिफ़ॉल्ट:
falsetrue होने पर, पॉलीगॉन के किनारों को जियोडेसिक माना जाता है और वे पृथ्वी के घुमाव के हिसाब से दिखेंगे. false होने पर, पॉलीगॉन के किनारों को स्क्रीन स्पेस में सीधी लाइनों के तौर पर रेंडर किया जाता है.एचटीएमएल एट्रिब्यूट:
|
innerPaths |
टाइप:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optionalनिर्देशांकों का क्रम, जो एक क्लोज़्ड लूप को दिखाता है. पॉलीलाइन के उलट, पॉलीगॉन में एक या उससे ज़्यादा पाथ हो सकते हैं. इनसे पॉलीगॉन के अंदर कई कट-आउट बनते हैं. |
path |
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optionalनिर्देशांकों का क्रम, जो एक क्लोज़्ड लूप को दिखाता है. कुछ मोड में ऊंचाई को अनदेखा किया जाता है. इसलिए, यह ज़रूरी नहीं है.
एचटीएमएल एट्रिब्यूट:
|
strokeColor |
टाइप:
string optionalस्ट्रोक का रंग. सभी CSS3 रंगों का इस्तेमाल किया जा सकता है.
एचटीएमएल एट्रिब्यूट:
|
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])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें. |
Polygon3DElementOptions इंटरफ़ेस
google.maps.maps3d.Polygon3DElementOptions
इंटरफ़ेस
Polygon3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polygon3DElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
altitudeMode optional |
टाइप:
AltitudeMode optional |
drawsOccludedSegments optional |
टाइप:
boolean optional |
extruded optional |
टाइप:
boolean optionalPolygon3DElement.extruded देखें. |
fillColor optional |
टाइप:
string optionalPolygon3DElement.fillColor देखें. |
geodesic optional |
टाइप:
boolean optionalPolygon3DElement.geodesic देखें. |
innerCoordinates optional |
टाइप:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral>|Iterable<LatLngLiteral>> optional |
outerCoordinates optional |
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional |
strokeColor optional |
टाइप:
string optionalPolygon3DElement.strokeColor देखें. |
strokeWidth optional |
टाइप:
number optionalPolygon3DElement.strokeWidth देखें. |
zIndex optional |
टाइप:
number optionalPolygon3DElement.zIndex देखें. |
Polygon3DInteractiveElement क्लास
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])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. 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" auto-pan-disabled 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इससे पता चलता है कि जगह की ऊंचाई वाले कॉम्पोनेंट को कैसे समझा जाता है.
एचटीएमएल एट्रिब्यूट:
|
autoPanDisabled |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseअगर इसे 'सही है' पर सेट किया जाता है, तो पॉपओवर खुलने पर उसे पूरी तरह से दिखाने के लिए, मैप को पैन करने की सुविधा बंद हो जाती है.
एचटीएमएल एट्रिब्यूट:
|
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-ऐक्सिस पर मापा जाता है. |
background-color |
पॉपओवर के बैकग्राउंड का रंग. ज़्यादा जानकारी के लिए, background-color दस्तावेज़ देखें. कृपया ध्यान दें कि इस प्रॉपर्टी से, डिफ़ॉल्ट प्लेस पॉपओवर पर भी असर पड़ता है. कस्टम पॉपओवर पर टारगेट की गई सीएसएस क्लास या इनलाइन स्टाइल का इस्तेमाल करें, ताकि डिफ़ॉल्ट प्लेस पॉपओवर को स्टाइल करने से बचा जा सके. |
border-radius |
पॉपओवर का बॉर्डर-रेडियस. ज़्यादा जानकारी के लिए, border-radius दस्तावेज़ देखें. कृपया ध्यान दें कि इस प्रॉपर्टी से, डिफ़ॉल्ट प्लेस पॉपओवर पर भी असर पड़ता है. कस्टम पॉपओवर पर टारगेट की गई सीएसएस क्लास या इनलाइन स्टाइल का इस्तेमाल करें, ताकि डिफ़ॉल्ट प्लेस पॉपओवर को स्टाइल करने से बचा जा सके. |
box-shadow |
पॉपओवर का बॉक्स-शैडो. ज़्यादा जानकारी के लिए, box-shadow दस्तावेज़ देखें. कृपया ध्यान दें कि इस प्रॉपर्टी से, डिफ़ॉल्ट प्लेस पॉपओवर पर भी असर पड़ता है. कस्टम पॉपओवर पर टारगेट की गई सीएसएस क्लास या इनलाइन स्टाइल का इस्तेमाल करें, ताकि डिफ़ॉल्ट प्लेस पॉपओवर को स्टाइल करने से बचा जा सके. |
color-scheme |
इससे पता चलता है कि इस पॉपओवर को किस कलर स्कीम में रेंडर किया जा सकता है. ज़्यादा जानकारी के लिए, color-scheme दस्तावेज़ देखें. अगर यह जानकारी नहीं दी जाती है, तो डिफ़ॉल्ट रूप से उपयोगकर्ता की कलर स्कीम की प्राथमिकताएं लागू होती हैं. |
padding |
पॉपओवर की पैडिंग. ज़्यादा जानकारी के लिए, padding दस्तावेज़ देखें. कृपया ध्यान दें कि इस प्रॉपर्टी से, डिफ़ॉल्ट प्लेस पॉपओवर पर भी असर पड़ता है. कस्टम पॉपओवर पर टारगेट की गई सीएसएस क्लास या इनलाइन स्टाइल का इस्तेमाल करें, ताकि डिफ़ॉल्ट प्लेस पॉपओवर को स्टाइल करने से बचा जा सके. |
तरीके | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें. |
removeEventListener |
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidaddEventListener की मदद से, टारगेट के लिए पहले से रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें. |
PopoverElementOptions इंटरफ़ेस
google.maps.maps3d.PopoverElementOptions
इंटरफ़ेस
PopoverElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें PopoverElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
altitudeMode optional |
टाइप:
AltitudeMode optionalPopoverElement.altitudeMode देखें. |
autoPanDisabled optional |
टाइप:
boolean optional |
lightDismissDisabled optional |
टाइप:
boolean optional |
open optional |
टाइप:
boolean optionalPopoverElement.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 |
इससे ऑब्जेक्ट को ज़मीन, इमारत, और जल धरातल के हिसाब से सबसे ज़्यादा ऊंचाई पर दिखाया जा सकता है. पानी के ऊपर होने पर, यह जल धरातल होगी. इलाके के ऊपर होने पर, यह इमारत की सतह (अगर मौजूद हो) या ज़मीन की सतह (अगर कोई इमारत न हो) होगी. |