MarkerElement क्लास
google.maps.maps3d.MarkerElement
class
extends HTMLElement
implements MarkerElementOptions
library "maps3d"
3D मैप पर कोई जगह दिखाता है. ध्यान दें कि MarkerElement को दिखाने के लिए, position को सेट करना ज़रूरी है.
<gmp-marker altitude-mode="value-name" anchor-left="string" anchor-top="string" autofits-camera collision-behavior="value-name" collision-priority="number" position="lat,lng" title="string"> </gmp-marker>
const {MarkerElement} = await google.maps.importLibrary("maps3d");
निर्माता | |
|---|---|
MarkerElement |
MarkerElement([options])पैरामीटर:
तय किए गए विकल्पों के साथ MarkerElement बनाता है. |
प्रॉपर्टी | |
|---|---|
altitudeMode
attr: altitude-mode |
डिफ़ॉल्ट:
AltitudeMode.CLAMP_TO_GROUNDइससे पता चलता है कि जगह की ऊंचाई वाले कॉम्पोनेंट को कैसे समझा जाता है.
एचटीएमएल एट्रिब्यूट: altitude-mode="value-name" |
anchorLeft
attr: anchor-left |
इनपुट टाइप:
string optionalआउटपुट टाइप: stringडिफ़ॉल्ट: -50%
सीएसएस लंबाई-प्रतिशत वैल्यू, जिसका इस्तेमाल मार्कर के सबसे ऊपर बाएं कोने से ऐंकर पॉइंट को ऑफ़सेट करने के लिए किया जाता है. यह तब काम आता है, जब किसी ऐसे विज़ुअल का इस्तेमाल किया जा रहा हो जिसका ऐंकर पॉइंट, डिफ़ॉल्ट मार्कर के सामान्य बॉटम सेंटर पॉइंट से अलग हो.
एचटीएमएल एट्रिब्यूट: anchor-left="string" |
anchorTop
attr: anchor-top |
इनपुट टाइप:
string optionalआउटपुट टाइप: stringडिफ़ॉल्ट: -100%
सीएसएस लंबाई-प्रतिशत वैल्यू, जिसका इस्तेमाल मार्कर के सबसे ऊपर बाएं कोने से ऐंकर पॉइंट को ऑफ़सेट करने के लिए किया जाता है. यह तब काम आता है, जब किसी ऐसे विज़ुअल का इस्तेमाल किया जा रहा हो जिसका ऐंकर पॉइंट, डिफ़ॉल्ट मार्कर के सामान्य बॉटम सेंटर पॉइंट से अलग हो.
एचटीएमएल एट्रिब्यूट: anchor-top="string" |
attr: autofits-camera |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseअगर मार्कर दिया गया है, तो वह मैप के व्यूपोर्ट में दिखेगा. साथ ही, इसमें वे अन्य एलिमेंट भी दिखेंगे जिन्हें शामिल करने के लिए चुना गया है.
एचटीएमएल एट्रिब्यूट: autofits-camera |
collisionBehavior
attr: collision-behavior |
डिफ़ॉल्ट:
CollisionBehavior.REQUIREDयह एक सूची है, जिससे पता चलता है कि किसी दूसरे
MarkerElement, Marker3DElement या बुनियादी मैप के लेबल से टकराने पर, MarkerElement को कैसा व्यवहार करना चाहिए.एचटीएमएल एट्रिब्यूट: collision-behavior="value-name" |
collisionPriority
attr: collision-priority |
इनपुट टाइप:
number optionalआउटपुट टाइप: number optionalएक संख्या, जिसका इस्तेमाल
CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY मार्कर (Marker3DElement सहित) के बीच संबंधित प्राथमिकता तय करने में मदद के लिए किया जाता है. ज़्यादा collisionPriority वैल्यू, ज़्यादा प्राथमिकता दिखाती है.एचटीएमएल एट्रिब्यूट: collision-priority="number" |
position
attr: position |
इनपुट टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalआउटपुट टाइप: LatLngAltitude optionalमार्कर के सिरे की जगह. कुछ मोड में ऊंचाई को अनदेखा किया जाता है. इसलिए, यह ज़रूरी नहीं है.
एचटीएमएल एट्रिब्यूट:
|
title
attr: title |
टाइप:
stringरोलओवर टेक्स्ट. अगर सुलभता टेक्स्ट दिया जाता है, तो उसे दी गई वैल्यू के साथ
MarkerElement में जोड़ दिया जाएगा. उदाहरण के लिए, स्क्रीन रीडर के साथ इस्तेमाल करने के लिए.एचटीएमएल एट्रिब्यूट: title="string" |
स्लॉट गेम | |
|---|---|
default |
MarkerElement में सीधे तौर पर जोड़े गए किसी भी कस्टम एलिमेंट को स्लॉट किया जाएगा. |
सीएसएस प्रॉपर्टी | |
|---|---|
z-index |
इस मार्कर का z-इंडेक्स. ज़्यादा जानकारी के लिए, z-index दस्तावेज़ देखें. ज़्यादा z-इंडेक्स वाले ओवरलैप होने वाले मार्कर, कम z-इंडेक्स वाले मार्कर को कवर करते हैं. डिफ़ॉल्ट रूप से, मार्कर उनकी DOM पोज़िशन के हिसाब से दिखते हैं. DOM में बाद में जोड़े गए मार्कर, DOM में पहले जोड़े गए मार्कर के सामने दिखते हैं. |
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
MarkerElementOptions इंटरफ़ेस
google.maps.maps3d.MarkerElementOptions
इंटरफ़ेस
MarkerElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें MarkerElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
altitudeMode
ज़रूरी नहीं |
टाइप:
AltitudeMode optionalMarkerElement.altitudeMode देखें. |
anchorLeft
ज़रूरी नहीं |
टाइप:
string optionalMarkerElement.anchorLeft देखें. |
anchorTop
ज़रूरी नहीं |
टाइप:
string optionalMarkerElement.anchorTop देखें. |
ज़रूरी नहीं |
टाइप:
boolean optional देखें. |
collisionBehavior
ज़रूरी नहीं |
टाइप:
CollisionBehavior optional |
collisionPriority
ज़रूरी नहीं |
टाइप:
number optional |
position
ज़रूरी नहीं |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalMarkerElement.position देखें. |
title
ज़रूरी नहीं |
टाइप:
string optionalMarkerElement.title देखें. |
MarkerInteractiveElement क्लास
google.maps.maps3d.MarkerInteractiveElement
class
extends MarkerElement
implements MarkerInteractiveElementOptions
library "maps3d"
3D मैप पर कोई जगह दिखाता है. ध्यान दें कि MarkerInteractiveElement को दिखाने के लिए, position को सेट करना ज़रूरी है. MarkerElement के उलट, MarkerInteractiveElement को gmp-click इवेंट मिलता है.
<gmp-marker-interactive gmp-popover-target-element="popover-id"> </gmp-marker-interactive>
const {MarkerInteractiveElement} = await google.maps.importLibrary("maps3d");
निर्माता | |
|---|---|
MarkerInteractiveElement |
MarkerInteractiveElement([options])पैरामीटर:
तय किए गए विकल्पों के साथ MarkerInteractiveElement बनाता है. |
प्रॉपर्टी | |
|---|---|
gmpPopoverTargetElement
attr: gmp-popover-target-element |
सेट होने पर, इस मार्कर पर क्लिक करने से पॉपओवर एलिमेंट खुल जाएगा.
एचटीएमएल एट्रिब्यूट: gmp-popover-target-element="popover-id" |
इनहेरिट किया गया:
altitudeMode (attr: altitude-mode),
anchorLeft (attr: anchor-left),
anchorTop (attr: anchor-top),
(attr: autofits-camera),
collisionBehavior (attr: collision-behavior),
collisionPriority (attr: collision-priority),
position (attr: position),
title (attr: title)
| |
स्लॉट गेम | |
|---|---|
इनहेरिट किया गया:
default
|
सीएसएस प्रॉपर्टी | |
|---|---|
इनहेरिट किया गया:
z-index
|
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
इवेंट | |
|---|---|
gmp-click |
function(clickEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब MarkerInteractiveElement एलिमेंट पर क्लिक किया जाता है. |
MarkerInteractiveElementOptions इंटरफ़ेस
google.maps.maps3d.MarkerInteractiveElementOptions
interface
extends MarkerElementOptions
MarkerInteractiveElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें MarkerInteractiveElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
gmpPopoverTargetElement
ज़रूरी नहीं |
टाइप:
PopoverElement optional |
इनहेरिट की गई:
altitudeMode,
anchorLeft,
anchorTop,
,
collisionBehavior,
collisionPriority,
position,
title
| |
Marker3DElement क्लास
google.maps.maps3d.Marker3DElement
class
extends HTMLElement
implements Marker3DElementOptions
library "maps3d"
3D मैप पर कोई जगह दिखाता है. ध्यान दें कि Marker3DElement को दिखाने के लिए, position को सेट करना ज़रूरी है.
<gmp-marker-3d altitude-mode="value-name" autofits-camera collision-behavior="value-name" collision-priority="number" draws-when-occluded extruded label="string" position="lat,lng" size-preserved z-index="number"> </gmp-marker-3d>
const {Marker3DElement} = await google.maps.importLibrary("maps3d");
निर्माता | |
|---|---|
Marker3DElement |
Marker3DElement([options])पैरामीटर:
तय किए गए विकल्पों के साथ Marker3DElement बनाता है. |
प्रॉपर्टी | |
|---|---|
altitudeMode
attr: altitude-mode |
डिफ़ॉल्ट:
AltitudeMode.CLAMP_TO_GROUNDइससे पता चलता है कि जगह की ऊंचाई वाले कॉम्पोनेंट को कैसे समझा जाता है.
एचटीएमएल एट्रिब्यूट: altitude-mode="value-name" |
attr: autofits-camera |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falseअगर मार्कर दिया गया है, तो वह मैप के व्यूपोर्ट में दिखेगा. साथ ही, इसमें वे अन्य एलिमेंट भी दिखेंगे जिन्हें शामिल करने के लिए चुना गया है.
एचटीएमएल एट्रिब्यूट: autofits-camera |
collisionBehavior
attr: collision-behavior |
डिफ़ॉल्ट:
CollisionBehavior.REQUIREDयह एक सूची है, जिसमें बताया गया है कि जब Marker3DElement किसी दूसरे Marker3DElement या बुनियादी मैप के लेबल से टकराता है, तो उसे कैसा व्यवहार करना चाहिए.
एचटीएमएल एट्रिब्यूट: collision-behavior="value-name" |
collisionPriority
attr: collision-priority |
इनपुट टाइप:
number optionalआउटपुट टाइप: number optionalटकराव का पता लगाने के लिए, टकराव की प्राथमिकता का इस्तेमाल किया जाता है.
एचटीएमएल एट्रिब्यूट: collision-priority="number" |
drawsWhenOccluded
attr: draws-when-occluded |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falseइससे यह तय होता है कि मार्कर के छिप जाने पर, उसे दिखाया जाना चाहिए या नहीं. मार्कर को मैप की ज्यामिति (जैसे, इमारतें) से छिपाया जा सकता है.
एचटीएमएल एट्रिब्यूट: draws-when-occluded |
extruded
attr: extruded |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falseइससे यह तय होता है कि मार्कर को ज़मीन से कनेक्ट करना है या नहीं. किसी मार्कर को एक्सट्रूड करने के लिए,
altitudeMode को RELATIVE_TO_GROUND या ABSOLUTE होना चाहिए.एचटीएमएल एट्रिब्यूट: extruded |
label
attr: label |
इनपुट टाइप:
string optionalआउटपुट टाइप: string optionalइस मार्कर से दिखाया जाने वाला टेक्स्ट.
एचटीएमएल एट्रिब्यूट: label="string" |
position
attr: position |
इनपुट टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalआउटपुट टाइप: LatLngAltitude optionalमार्कर के सिरे की जगह. कुछ मोड में ऊंचाई को अनदेखा किया जाता है. इसलिए, यह ज़रूरी नहीं है.
एचटीएमएल एट्रिब्यूट:
|
sizePreserved
attr: size-preserved |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falseइससे यह तय होता है कि कैमरे से दूरी के बावजूद, इस मार्कर का साइज़ पहले जैसा ही रहना चाहिए या नहीं. डिफ़ॉल्ट रूप से, मार्कर को कैमरे/झुकाव से दूरी के आधार पर स्केल किया जाता है.
एचटीएमएल एट्रिब्यूट: size-preserved |
zIndex
attr: z-index |
इनपुट टाइप:
number optionalआउटपुट टाइप: number optionalअन्य मार्कर की तुलना में zIndex.
एचटीएमएल एट्रिब्यूट: z-index="number" |
स्लॉट गेम | |
|---|---|
default |
Marker3DElement में सीधे तौर पर जोड़े गए किसी भी कस्टम एलिमेंट को स्लॉट किया जाएगा. हालांकि, मार्कर बनाने के लिए सिर्फ़ HTMLImageElement, SVGElement, और PinElement टाइप के एलिमेंट इस्तेमाल किए जाएंगे. अन्य एलिमेंट को अनदेखा कर दिया जाएगा. Marker3DElement के डिफ़ॉल्ट स्लॉट को असाइन करने से पहले, HTMLImageElement और SVGElement को <template> एलिमेंट में रैप करना ज़रूरी है. फ़िलहाल, इमेज और SVG को 3D सीन में रेंडर करने से पहले रास्टर इमेज में बदलने की प्रोसेस किया जाता है. इसलिए, SVG में एम्बेड किया गया पसंद के मुताबिक HTML या इमेज में जोड़ी गई CSS क्लास लागू नहीं होंगी. साथ ही, हो सकता है कि स्क्रीन पर मार्कर दिखने पर, वे न दिखें. |
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
Marker3DElementOptions इंटरफ़ेस
google.maps.maps3d.Marker3DElementOptions
इंटरफ़ेस
Marker3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Marker3DElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
altitudeMode
ज़रूरी नहीं |
टाइप:
AltitudeMode optionalMarker3DElement.altitudeMode देखें. |
ज़रूरी नहीं |
टाइप:
boolean optional |
collisionBehavior
ज़रूरी नहीं |
टाइप:
CollisionBehavior optional |
collisionPriority
ज़रूरी नहीं |
टाइप:
number optional |
drawsWhenOccluded
ज़रूरी नहीं |
टाइप:
boolean optional |
extruded
ज़रूरी नहीं |
टाइप:
boolean optionalMarker3DElement.extruded देखें. |
label
ज़रूरी नहीं |
टाइप:
string optionalMarker3DElement.label देखें. |
position
ज़रूरी नहीं |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalMarker3DElement.position देखें. |
sizePreserved
ज़रूरी नहीं |
टाइप:
boolean optional |
zIndex
ज़रूरी नहीं |
टाइप:
number optionalMarker3DElement.zIndex देखें. |
Marker3DInteractiveElement क्लास
google.maps.maps3d.Marker3DInteractiveElement
class
extends Marker3DElement
implements Marker3DInteractiveElementOptions
library "maps3d"
3D मैप पर कोई जगह दिखाता है. ध्यान दें कि Marker3DInteractiveElement को दिखाने के लिए, position को सेट करना ज़रूरी है. Marker3DElement के उलट, Marker3DInteractiveElement को gmp-click इवेंट मिलता है.
<gmp-marker-3d-interactive gmp-popover-target-element="popover-id" title="string"> </gmp-marker-3d-interactive>
const {Marker3DInteractiveElement} = await google.maps.importLibrary("maps3d");
निर्माता | |
|---|---|
Marker3DInteractiveElement |
Marker3DInteractiveElement([options])पैरामीटर:
तय किए गए विकल्पों के साथ Marker3DInteractiveElement बनाता है. |
प्रॉपर्टी | |
|---|---|
gmpPopoverTargetElement
attr: gmp-popover-target-element |
सेट होने पर, इस मार्कर पर क्लिक करने से पॉपओवर एलिमेंट खुल जाएगा.
एचटीएमएल एट्रिब्यूट: gmp-popover-target-element="popover-id" |
title
attr: title |
टाइप:
stringरोलओवर टेक्स्ट. अगर सुलभता टेक्स्ट दिया जाता है, तो उसे दी गई वैल्यू के साथ
Marker3DInteractiveElement में जोड़ दिया जाएगा. उदाहरण के लिए, स्क्रीन रीडर के साथ इस्तेमाल करने के लिए.एचटीएमएल एट्रिब्यूट: title="string" |
इनहेरिट किया गया:
altitudeMode (attr: altitude-mode),
(attr: autofits-camera),
collisionBehavior (attr: collision-behavior),
collisionPriority (attr: collision-priority),
drawsWhenOccluded (attr: draws-when-occluded),
extruded (attr: extruded),
label (attr: label),
position (attr: position),
sizePreserved (attr: size-preserved),
zIndex (attr: z-index)
| |
स्लॉट गेम | |
|---|---|
default |
Marker3DInteractiveElement में सीधे तौर पर जोड़े गए किसी भी कस्टम एलिमेंट को स्लॉट किया जाएगा. हालांकि, मार्कर बनाने के लिए सिर्फ़ PinElement टाइप के एलिमेंट इस्तेमाल किए जाएंगे. अन्य एलिमेंट को अनदेखा कर दिया जाएगा. |
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
इवेंट | |
|---|---|
gmp-click |
function(clickEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Marker3DInteractiveElement एलिमेंट पर क्लिक किया जाता है. |
Marker3DInteractiveElementOptions इंटरफ़ेस
google.maps.maps3d.Marker3DInteractiveElementOptions
interface
extends Marker3DElementOptions
Marker3DInteractiveElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Marker3DInteractiveElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
gmpPopoverTargetElement
ज़रूरी नहीं |
टाइप:
PopoverElement optional |
title
ज़रूरी नहीं |
टाइप:
string optional |
इनहेरिट की गई:
altitudeMode,
,
collisionBehavior,
collisionPriority,
drawsWhenOccluded,
extruded,
label,
position,
sizePreserved,
zIndex
| |
Model3DElement क्लास
google.maps.maps3d.Model3DElement
class
extends HTMLElement
implements Model3DElementOptions
library "maps3d"
एक 3D मॉडल, जो gLTF मॉडल को रेंडर करने की अनुमति देता है. ध्यान दें कि Model3DElement को दिखाने के लिए, position और src को सेट करना ज़रूरी है.
gLTF PBR की मुख्य प्रॉपर्टी काम करनी चाहिए. फ़िलहाल, कोई एक्सटेंशन या एक्सटेंशन प्रॉपर्टी काम नहीं करती.
<gmp-model-3d altitude-mode="value-name" orientation="heading,tilt,roll" position="lat,lng" scale="number" src="url"> </gmp-model-3d>
const {Model3DElement} = await google.maps.importLibrary("maps3d");
निर्माता | |
|---|---|
Model3DElement |
Model3DElement([options])पैरामीटर:
तय किए गए विकल्पों के साथ Model3DElement बनाता है. |
प्रॉपर्टी | |
|---|---|
altitudeMode
attr: altitude-mode |
डिफ़ॉल्ट:
AltitudeMode.CLAMP_TO_GROUNDइससे पता चलता है कि जगह की जानकारी में ऊंचाई को कैसे समझा जाता है.
एचटीएमएल एट्रिब्यूट: altitude-mode="value-name" |
orientation
attr: orientation |
इससे 3D मॉडल के कोऑर्डिनेट सिस्टम के रोटेशन के बारे में पता चलता है, ताकि मॉडल को 3D मैप पर सही जगह पर दिखाया जा सके.
मॉडल को इस क्रम में घुमाया जाता है: रोल, टिल्ट, और फिर हेडिंग. एचटीएमएल एट्रिब्यूट: orientation="heading,tilt,roll" |
position
attr: position |
इनपुट टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalआउटपुट टाइप: LatLngAltitude optionalModel3DElement की पोज़िशन सेट करता है. कुछ मोड में ऊंचाई को अनदेखा किया जाता है. इसलिए, यह ज़रूरी नहीं है.एचटीएमएल एट्रिब्यूट:
|
scale
attr: scale |
डिफ़ॉल्ट:
1यह मॉडल के कोऑर्डिनेट स्पेस में, मॉडल को x, y, और z ऐक्सिस के हिसाब से स्केल करता है.
एचटीएमएल एट्रिब्यूट:
|
src
attr: src |
3D मॉडल का यूआरएल बताता है. फ़िलहाल, सिर्फ़
.glb फ़ॉर्मैट वाले मॉडल काम करते हैं. किसी भी रिलेटिव एचटीटीपी यूआरएल को उसके संबंधित ऐब्सलूट यूआरएल में बदल दिया जाएगा. कृपया ध्यान दें कि अगर .glb मॉडल फ़ाइलों को आपके मुख्य ऐप्लिकेशन के बजाय किसी दूसरी वेबसाइट या सर्वर पर होस्ट किया जा रहा है, तो सही सीओआरएस एचटीटीपी हेडर सेट अप करना न भूलें. इससे आपके ऐप्लिकेशन को दूसरे डोमेन से मॉडल फ़ाइलों को सुरक्षित तरीके से ऐक्सेस करने की अनुमति मिलती है.एचटीएमएल एट्रिब्यूट: src="url" |
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
Model3DElementOptions इंटरफ़ेस
google.maps.maps3d.Model3DElementOptions
इंटरफ़ेस
Model3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Model3DElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
altitudeMode
ज़रूरी नहीं |
टाइप:
AltitudeMode optionalModel3DElement.altitudeMode देखें. |
orientation
ज़रूरी नहीं |
टाइप:
Orientation3D|Orientation3DLiteral optionalModel3DElement.orientation देखें. |
position
ज़रूरी नहीं |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalModel3DElement.position देखें. |
scale
ज़रूरी नहीं |
टाइप:
number|Vector3D|Vector3DLiteral optionalModel3DElement.scale देखें. |
src
ज़रूरी नहीं |
टाइप:
string|URL optionalModel3DElement.src देखें. |
Model3DInteractiveElement क्लास
google.maps.maps3d.Model3DInteractiveElement
class
extends Model3DElement
implements Model3DInteractiveElementOptions
library "maps3d"
एक 3D मॉडल, जो gLTF मॉडल को रेंडर करने की अनुमति देता है. ध्यान दें कि Model3DElement को दिखाने के लिए, position और src को सेट करना ज़रूरी है.
gLTF PBR की मुख्य प्रॉपर्टी काम करनी चाहिए. फ़िलहाल, कोई एक्सटेंशन या एक्सटेंशन प्रॉपर्टी काम नहीं करती.
Model3DElement के उलट, Model3DInteractiveElement को gmp-click इवेंट मिलता है.
<gmp-model-3d-interactive></gmp-model-3d-interactive>
const {Model3DInteractiveElement} = await google.maps.importLibrary("maps3d");
निर्माता | |
|---|---|
Model3DInteractiveElement |
Model3DInteractiveElement([options])पैरामीटर:
तय किए गए विकल्पों के साथ Model3DInteractiveElement बनाता है. |
प्रॉपर्टी | |
|---|---|
इनहेरिट किया गया:
altitudeMode (attr: altitude-mode),
orientation (attr: orientation),
position (attr: position),
scale (attr: scale),
src (attr: src)
|
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
इवेंट | |
|---|---|
gmp-click |
function(clickEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Model3DInteractiveElement एलिमेंट पर क्लिक किया जाता है. |
Model3DInteractiveElementOptions इंटरफ़ेस
google.maps.maps3d.Model3DInteractiveElementOptions
interface
extends Model3DElementOptions
Model3DInteractiveElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Model3DInteractiveElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
इनहेरिट की गई:
altitudeMode,
orientation,
position,
scale,
src
|
Polyline3DElement क्लास
google.maps.maps3d.Polyline3DElement
class
extends HTMLElement
implements Polyline3DElementOptions
library "maps3d"
3D पॉलीलाइन, 3D मैप पर जुड़े हुए लाइन सेगमेंट का एक लीनियर ओवरले होता है.
<gmp-polyline-3d altitude-mode="value-name" autofits-camera 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>
const {Polyline3DElement} = await google.maps.importLibrary("maps3d");
निर्माता | |
|---|---|
Polyline3DElement |
Polyline3DElement([options])पैरामीटर:
तय किए गए विकल्पों के साथ Polyline3DElement बनाता है. |
प्रॉपर्टी | |
|---|---|
altitudeMode
attr: altitude-mode |
डिफ़ॉल्ट:
AltitudeMode.CLAMP_TO_GROUNDइससे पता चलता है कि निर्देशांकों में ऊंचाई के कॉम्पोनेंट को कैसे समझा जाता है.
एचटीएमएल एट्रिब्यूट: altitude-mode="value-name" |
attr: autofits-camera |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falseअगर पॉलीलाइन दी गई है, तो वह मैप व्यूपोर्ट में दिखेगी. साथ ही, इसमें वे सभी एलिमेंट भी दिखेंगे जिन्होंने शामिल होने का विकल्प चुना है.
एचटीएमएल एट्रिब्यूट: autofits-camera |
drawsOccludedSegments
attr: draws-occluded-segments |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falseइससे यह तय होता है कि पॉलीलाइन के उन हिस्सों को ड्रॉ किया जाए या नहीं जो छिप सकते हैं. पॉलीलाइन, मैप की ज्यामिति (जैसे, इमारतें) से छिप सकती हैं.
एचटीएमएल एट्रिब्यूट: draws-occluded-segments |
extruded
attr: extruded |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falseइससे यह तय होता है कि पॉलीलाइन को ज़मीन से कनेक्ट करना है या नहीं. किसी पॉलीलाइन को एक्सट्रूड करने के लिए,
altitudeMode को RELATIVE_TO_GROUND या ABSOLUTE पर सेट करना ज़रूरी है.एचटीएमएल एट्रिब्यूट: extruded |
geodesic
attr: geodesic |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falsetrue होने पर, पॉलीलाइन के किनारों को जियोडेसिक माना जाता है और वे पृथ्वी के घुमाव के हिसाब से दिखेंगे. false होने पर, पॉलीलाइन के किनारों को स्क्रीन स्पेस में सीधी लाइनों के तौर पर रेंडर किया जाता है.एचटीएमएल एट्रिब्यूट: geodesic |
outerColor
attr: outer-color |
इनपुट टाइप:
string optionalआउटपुट टाइप: string optionalबाहरी रंग. सभी CSS3 रंगों का इस्तेमाल किया जा सकता है.
एचटीएमएल एट्रिब्यूट: outer-color="string" |
outerWidth
attr: outer-width |
इनपुट टाइप:
number optionalआउटपुट टाइप: number optionalबाहरी चौड़ाई,
0.0 और 1.0 के बीच है. यह strokeWidth का प्रतिशत होता है.एचटीएमएल एट्रिब्यूट: outer-width="number" |
path
attr: path |
इनपुट टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optionalआउटपुट टाइप: Array<LatLngAltitude> optionalपॉलीलाइन के निर्देशांकों का क्रम. कुछ मोड में ऊंचाई को अनदेखा किया जाता है. इसलिए, यह ज़रूरी नहीं है.
एचटीएमएल एट्रिब्यूट: path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..." |
strokeColor
attr: stroke-color |
इनपुट टाइप:
string optionalआउटपुट टाइप: string optionalस्ट्रोक का रंग. सभी CSS3 रंगों का इस्तेमाल किया जा सकता है.
एचटीएमएल एट्रिब्यूट: stroke-color="string" |
strokeWidth
attr: stroke-width |
इनपुट टाइप:
number optionalआउटपुट टाइप: number optionalपिक्सल में स्ट्रोक की चौड़ाई.
एचटीएमएल एट्रिब्यूट: stroke-width="number" |
zIndex
attr: z-index |
इनपुट टाइप:
number optionalआउटपुट टाइप: number optionalअन्य पॉलीगॉन की तुलना में zIndex.
एचटीएमएल एट्रिब्यूट: z-index="number" |
|
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optionalपॉलीलाइन के निर्देशांकों का क्रम. कुछ मोड में ऊंचाई को अनदेखा किया जाता है. इसलिए, यह ज़रूरी नहीं है. |
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
Polyline3DElementOptions इंटरफ़ेस
google.maps.maps3d.Polyline3DElementOptions
इंटरफ़ेस
Polyline3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polyline3DElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
altitudeMode
ज़रूरी नहीं |
टाइप:
AltitudeMode optional |
ज़रूरी नहीं |
टाइप:
boolean optional |
coordinates
ज़रूरी नहीं |
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional |
drawsOccludedSegments
ज़रूरी नहीं |
टाइप:
boolean optional |
extruded
ज़रूरी नहीं |
टाइप:
boolean optionalPolyline3DElement.extruded देखें. |
geodesic
ज़रूरी नहीं |
टाइप:
boolean optionalPolyline3DElement.geodesic देखें. |
outerColor
ज़रूरी नहीं |
टाइप:
string optionalPolyline3DElement.outerColor देखें. |
outerWidth
ज़रूरी नहीं |
टाइप:
number optionalPolyline3DElement.outerWidth देखें. |
path
ज़रूरी नहीं |
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optionalPolyline3DElement.path देखें. |
strokeColor
ज़रूरी नहीं |
टाइप:
string optional |
strokeWidth
ज़रूरी नहीं |
टाइप:
number optional |
zIndex
ज़रूरी नहीं |
टाइप:
number optionalPolyline3DElement.zIndex देखें. |
Polyline3DInteractiveElement क्लास
google.maps.maps3d.Polyline3DInteractiveElement
class
extends Polyline3DElement
implements Polyline3DInteractiveElementOptions
library "maps3d"
3D पॉलीलाइन, 3D मैप पर जुड़े हुए लाइन सेगमेंट का एक लीनियर ओवरले होता है. Polyline3DElement के उलट, Polyline3DInteractiveElement को gmp-click इवेंट मिलता है.
<gmp-polyline-3d-interactive></gmp-polyline-3d-interactive>
const {Polyline3DInteractiveElement} = await google.maps.importLibrary("maps3d");
निर्माता | |
|---|---|
Polyline3DInteractiveElement |
Polyline3DInteractiveElement([options])पैरामीटर:
तय किए गए विकल्पों के साथ Polyline3DInteractiveElement बनाता है. |
प्रॉपर्टी | |
|---|---|
इनहेरिट किया गया:
altitudeMode (attr: altitude-mode),
(attr: autofits-camera),
drawsOccludedSegments (attr: draws-occluded-segments),
extruded (attr: extruded),
geodesic (attr: geodesic),
outerColor (attr: outer-color),
outerWidth (attr: outer-width),
path (attr: path),
strokeColor (attr: stroke-color),
strokeWidth (attr: stroke-width),
zIndex (attr: z-index),
|
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
इवेंट | |
|---|---|
gmp-click |
function(clickEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Polyline3DInteractiveElement एलिमेंट पर क्लिक किया जाता है. |
Polyline3DInteractiveElementOptions इंटरफ़ेस
google.maps.maps3d.Polyline3DInteractiveElementOptions
interface
extends Polyline3DElementOptions
Polyline3DInteractiveElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polyline3DInteractiveElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
इनहेरिट की गई:
altitudeMode,
,
coordinates,
drawsOccludedSegments,
extruded,
geodesic,
outerColor,
outerWidth,
path,
strokeColor,
strokeWidth,
zIndex
|
Polygon3DElement क्लास
google.maps.maps3d.Polygon3DElement
class
extends HTMLElement
implements Polygon3DElementOptions
library "maps3d"
3D पॉलीगॉन (3D पॉलीलाइन की तरह), एक क्रम में जुड़े हुए निर्देशांकों की सीरीज़ को दिखाता है. इसके अलावा, पॉलीगॉन एक बंद लूप बनाते हैं और भरे हुए क्षेत्र को दिखाते हैं.
<gmp-polygon-3d autofits-camera 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>
const {Polygon3DElement} = await google.maps.importLibrary("maps3d");
निर्माता | |
|---|---|
Polygon3DElement |
Polygon3DElement([options])पैरामीटर:
तय किए गए विकल्पों के साथ Polygon3DElement बनाता है. |
प्रॉपर्टी | |
|---|---|
altitudeMode |
डिफ़ॉल्ट:
AltitudeMode.CLAMP_TO_GROUNDइससे पता चलता है कि निर्देशांकों में ऊंचाई के कॉम्पोनेंट को कैसे समझा जाता है. |
attr: autofits-camera |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falseअगर पॉलीगॉन दिया गया है, तो वह मैप के व्यूपोर्ट में दिखेगा. साथ ही, इसमें वे सभी एलिमेंट भी दिखेंगे जिन्होंने शामिल होने का विकल्प चुना है.
एचटीएमएल एट्रिब्यूट: autofits-camera |
drawsOccludedSegments
attr: draws-occluded-segments |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falseइससे पता चलता है कि पॉलीगॉन के उन हिस्सों को ड्रॉ किया गया है या नहीं जो छिप सकते हैं. पॉलीगॉन, मैप की ज्यामिति (जैसे, इमारतें) से छिप सकते हैं.
एचटीएमएल एट्रिब्यूट: draws-occluded-segments |
extruded
attr: extruded |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falseइससे यह तय होता है कि पॉलीगॉन को ज़मीन से कनेक्ट करना है या नहीं. किसी पॉलीगॉन को एक्सट्रूड करने के लिए,
altitudeMode को RELATIVE_TO_GROUND या ABSOLUTE होना चाहिए.एचटीएमएल एट्रिब्यूट: extruded |
fillColor
attr: fill-color |
इनपुट टाइप:
string optionalआउटपुट टाइप: string optionalरंग भरने की सुविधा. सभी CSS3 रंगों का इस्तेमाल किया जा सकता है.
एचटीएमएल एट्रिब्यूट: fill-color="string" |
geodesic
attr: geodesic |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falsetrue होने पर, पॉलीगॉन के किनारों को जियोडेसिक माना जाता है और वे पृथ्वी के घुमाव के हिसाब से दिखेंगे. false होने पर, पॉलीगॉन के किनारों को स्क्रीन स्पेस में सीधी लाइनों के तौर पर रेंडर किया जाता है.एचटीएमएल एट्रिब्यूट: geodesic |
innerPaths |
इनपुट टाइप:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optionalआउटपुट टाइप: Array<Array<LatLngAltitude>> optionalनिर्देशांकों का क्रम, जो एक क्लोज़्ड लूप को दिखाता है. पॉलीलाइन के उलट, पॉलीगॉन में एक या उससे ज़्यादा पाथ हो सकते हैं. इनसे पॉलीगॉन के अंदर कई कट-आउट बनते हैं. |
path
attr: path |
इनपुट टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optionalआउटपुट टाइप: Array<LatLngAltitude> optionalनिर्देशांकों का क्रम, जो एक क्लोज़्ड लूप को दिखाता है. कुछ मोड में ऊंचाई को अनदेखा किया जाता है. इसलिए, यह ज़रूरी नहीं है.
एचटीएमएल एट्रिब्यूट: path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..." |
strokeColor
attr: stroke-color |
इनपुट टाइप:
string optionalआउटपुट टाइप: string optionalस्ट्रोक का रंग. सभी CSS3 रंगों का इस्तेमाल किया जा सकता है.
एचटीएमएल एट्रिब्यूट: stroke-color="string" |
strokeWidth
attr: stroke-width |
इनपुट टाइप:
number optionalआउटपुट टाइप: number optionalपिक्सल में स्ट्रोक की चौड़ाई.
एचटीएमएल एट्रिब्यूट: stroke-width="number" |
zIndex
attr: z-index |
इनपुट टाइप:
number optionalआउटपुट टाइप: number optionalअन्य पॉलीगॉन की तुलना में zIndex.
एचटीएमएल एट्रिब्यूट: z-index="number" |
|
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optionalनिर्देशांकों का क्रम, जो एक क्लोज़्ड लूप को दिखाता है. कुछ मोड में ऊंचाई को अनदेखा किया जाता है. इसलिए, यह ज़रूरी नहीं है. |
|
टाइप:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optionalनिर्देशांकों का क्रम, जो एक क्लोज़्ड लूप को दिखाता है. पॉलीलाइन के उलट, पॉलीगॉन में एक या उससे ज़्यादा पाथ हो सकते हैं. इनसे पॉलीगॉन के अंदर कई कट-आउट बनते हैं. |
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
Polygon3DElementOptions इंटरफ़ेस
google.maps.maps3d.Polygon3DElementOptions
इंटरफ़ेस
Polygon3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polygon3DElement पर सेट किया जा सकता है.
Polygon3DInteractiveElement क्लास
google.maps.maps3d.Polygon3DInteractiveElement
class
extends Polygon3DElement
implements Polygon3DInteractiveElementOptions
library "maps3d"
3D पॉलीगॉन (3D पॉलीलाइन की तरह), एक क्रम में जुड़े हुए निर्देशांकों की सीरीज़ को दिखाता है. इसके अलावा, पॉलीगॉन एक बंद लूप बनाते हैं और भरे हुए क्षेत्र को दिखाते हैं. Polygon3DElement के उलट, Polygon3DInteractiveElement को gmp-click इवेंट मिलता है.
<gmp-polygon-3d-interactive></gmp-polygon-3d-interactive>
const {Polygon3DInteractiveElement} = await google.maps.importLibrary("maps3d");
निर्माता | |
|---|---|
Polygon3DInteractiveElement |
Polygon3DInteractiveElement([options])पैरामीटर:
तय किए गए विकल्पों के साथ Polygon3DInteractiveElement बनाता है. |
प्रॉपर्टी | |
|---|---|
इनहेरिट किया गया:
altitudeMode,
(attr: autofits-camera),
drawsOccludedSegments (attr: draws-occluded-segments),
extruded (attr: extruded),
fillColor (attr: fill-color),
geodesic (attr: geodesic),
innerPaths,
path (attr: path),
strokeColor (attr: stroke-color),
strokeWidth (attr: stroke-width),
zIndex (attr: z-index),
,
|
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
इवेंट | |
|---|---|
gmp-click |
function(clickEvent)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Polygon3DInteractiveElement एलिमेंट पर क्लिक किया जाता है. |
Polygon3DInteractiveElementOptions इंटरफ़ेस
google.maps.maps3d.Polygon3DInteractiveElementOptions
interface
extends Polygon3DElementOptions
Polygon3DInteractiveElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polygon3DInteractiveElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
इनहेरिट की गई:
altitudeMode,
,
drawsOccludedSegments,
extruded,
fillColor,
geodesic,
innerCoordinates,
innerPaths,
outerCoordinates,
path,
strokeColor,
strokeWidth,
zIndex
|
FlattenerElement क्लास
google.maps.maps3d.FlattenerElement
class
extends HTMLElement
implements FlattenerElementOptions
library "maps3d"
फ़्लैटनर एलिमेंट का इस्तेमाल, मैप पर किसी खास इलाके को फ़्लैट करने के लिए किया जाता है.
<gmp-flattener path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."> </gmp-flattener>
const {FlattenerElement} = await google.maps.importLibrary("maps3d");
निर्माता | |
|---|---|
FlattenerElement |
FlattenerElement([options])पैरामीटर:
|
प्रॉपर्टी | |
|---|---|
innerPaths |
इनपुट टाइप:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optionalआउटपुट टाइप: Array<Array<LatLngAltitude>> optionalनिर्देशांकों का क्रम, जो एक क्लोज़्ड लूप को दिखाता है. ये पाथ, पॉलीगॉन के मुख्य पाथ में एक्सक्लूज़न होल तय करते हैं. यह मुख्य पाथ, फ़्लैटनिंग ज़ोन होता है. innerPath के अंदर मौजूद एरिया को फ़्लैट नहीं किया जाता. |
path
attr: path |
इनपुट टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optionalआउटपुट टाइप: Array<LatLngAltitude> optionalनिर्देशांकों का क्रम, जो एक क्लोज़्ड लूप को दिखाता है. यह लूप, फ़्लैटनिंग ज़ोन को तय करता है.
एचटीएमएल एट्रिब्यूट: path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..." |
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
FlattenerElementOptions इंटरफ़ेस
google.maps.maps3d.FlattenerElementOptions
इंटरफ़ेस
FlattenerElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें FlattenerElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
innerPaths
ज़रूरी नहीं |
टाइप:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optionalFlattenerElement.innerPaths देखें. |
path
ज़रूरी नहीं |
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optionalFlattenerElement.path देखें. |
PopoverElement क्लास
google.maps.maps3d.PopoverElement
class
extends HTMLElement
implements PopoverElementOptions
library "maps3d"
एक कस्टम एचटीएमएल एलिमेंट, जो पॉपओवर को रेंडर करता है. यह एक बबल की तरह दिखता है और अक्सर किसी मार्कर से जुड़ा होता है.
<gmp-popover auto-pan-disabled light-dismiss-disabled open position-anchor="lat,lng"> </gmp-popover>
const {PopoverElement} = await google.maps.importLibrary("maps3d");
निर्माता | |
|---|---|
PopoverElement |
PopoverElement([options])पैरामीटर:
|
प्रॉपर्टी | |
|---|---|
altitudeMode |
डिफ़ॉल्ट:
AltitudeMode.CLAMP_TO_GROUNDइससे पता चलता है कि जगह की ऊंचाई वाले कॉम्पोनेंट को कैसे समझा जाता है. |
autoPanDisabled
attr: auto-pan-disabled |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falseअगर इसे 'सही है' पर सेट किया जाता है, तो पॉपओवर खुलने पर उसे पूरी तरह से दिखाने के लिए, मैप को पैन करने की सुविधा बंद हो जाती है.
एचटीएमएल एट्रिब्यूट: auto-pan-disabled |
lightDismissDisabled
attr: light-dismiss-disabled |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falseइससे पता चलता है कि इस पॉपओवर को "लाइट डिसमिस" किया जाना चाहिए या नहीं. "लाइट डिसमिस" व्यवहार,
popover="auto" एट्रिब्यूट को सेट करने जैसा है. यह एट्रिब्यूट, ब्राउज़र के Popover API का हिस्सा है.एचटीएमएल एट्रिब्यूट: light-dismiss-disabled |
open
attr: open |
इनपुट टाइप:
boolean optionalआउटपुट टाइप: booleanडिफ़ॉल्ट:
falseइससे पता चलता है कि यह पॉपओवर खुला होना चाहिए या नहीं.
एचटीएमएल एट्रिब्यूट: open |
positionAnchor
attr: position-anchor |
इनपुट टाइप:
LatLngLiteral|LatLngAltitudeLiteral|Marker3DInteractiveElement|MarkerInteractiveElement|string optionalआउटपुट टाइप: LatLngAltitude|Marker3DInteractiveElement|MarkerInteractiveElement 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,
removeEventListener
|
PopoverElementOptions इंटरफ़ेस
google.maps.maps3d.PopoverElementOptions
इंटरफ़ेस
PopoverElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें PopoverElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
altitudeMode
ज़रूरी नहीं |
टाइप:
AltitudeMode optionalPopoverElement.altitudeMode देखें. |
autoPanDisabled
ज़रूरी नहीं |
टाइप:
boolean optional |
lightDismissDisabled
ज़रूरी नहीं |
टाइप:
boolean optional |
open
ज़रूरी नहीं |
टाइप:
boolean optionalPopoverElement.open देखें. |
positionAnchor
ज़रूरी नहीं |
टाइप:
LatLngLiteral|LatLngAltitudeLiteral|string|Marker3DInteractiveElement|MarkerInteractiveElement optional |
AltitudeMode कॉन्सटैंट
google.maps.maps3d.AltitudeMode
कॉन्सटेंट
लाइब्रेरी "maps3d"
इससे पता चलता है कि निर्देशांकों में ऊंचाई के कॉम्पोनेंट को कैसे समझा जाता है.
इन कॉन्सटैंट को स्ट्रिंग के तौर पर भी इस्तेमाल किया जा सकता है. TypeScript में, स्ट्रिंग लिटरल को AltitudeModeString टाइप से तय किया जाता है.
const {AltitudeMode} = await google.maps.importLibrary("maps3d");
कॉन्स्टेंट | |
|---|---|
ABSOLUTE |
इससे ऑब्जेक्ट को समुद्र तल के औसत स्तर के हिसाब से दिखाया जा सकता है. इसका मतलब यह भी है कि अगर ऑब्जेक्ट के नीचे मौजूद इलाके की जानकारी का लेवल बदलता है, तो उसकी सटीक पोज़िशन पहले जैसी ही रहेगी. |
CLAMP_TO_GROUND |
इससे, ज़मीन पर मौजूद ऑब्जेक्ट को दिखाया जा सकता है. ये ज़मीन के लेवल पर ही रहेंगे. भले ही, आपने कोई भी ऊंचाई दी हो. अगर ऑब्जेक्ट को किसी बड़े जलाशय के ऊपर रखा जाता है, तो उसे समुद्र तल पर रखा जाएगा. |
RELATIVE_TO_GROUND |
इससे ऑब्जेक्ट को ज़मीन की सतह के हिसाब से दिखाया जा सकता है. अगर इलाके की जानकारी के लेवल में बदलाव होता है, तो ऑब्जेक्ट की पोज़िशन ज़मीन के हिसाब से एक जैसी रहेगी. पानी के ऊपर होने पर, ऊंचाई को समुद्र तल से ऊपर मीटर में वैल्यू के तौर पर दिखाया जाएगा. |
RELATIVE_TO_MESH |
इससे ऑब्जेक्ट को ज़मीन, इमारत, और जल धरातल के हिसाब से सबसे ज़्यादा ऊंचाई पर दिखाया जा सकता है. पानी के ऊपर होने पर, यह जल धरातल होगी. इलाके के ऊपर होने पर, यह इमारत की सतह (अगर मौजूद हो) या ज़मीन की सतह (अगर कोई इमारत न हो) होगी. |
CirclePathElement क्लास
google.maps.maps3d.CirclePathElement
class
extends HTMLElement
implements CirclePathElementOptions
library "maps3d"
3D मैप पर 3D सर्कल ओवरले.
<gmp-circle-path center="lat,lng,altitude" radius="number"> </gmp-circle-path>
const {CirclePathElement} = await google.maps.importLibrary("maps3d");
निर्माता | |
|---|---|
CirclePathElement |
CirclePathElement([options])पैरामीटर:
तय किए गए विकल्पों के साथ CirclePathElement बनाता है. |
प्रॉपर्टी | |
|---|---|
center
attr: center |
इनपुट टाइप:
LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral optionalआउटपुट टाइप: LatLngAltitude optionalसर्कल का केंद्र.
एचटीएमएल एट्रिब्यूट: center="lat,lng,altitude" |
radius
attr: radius |
इनपुट टाइप:
number optionalआउटपुट टाइप: number optionalसर्कल की त्रिज्या, मीटर में.
एचटीएमएल एट्रिब्यूट: radius="number" |
तरीके | |
|---|---|
इनहेरिट की गई:
addEventListener,
removeEventListener
|
CirclePathElementOptions इंटरफ़ेस
google.maps.maps3d.CirclePathElementOptions
इंटरफ़ेस
CirclePathElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें CirclePathElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
center
ज़रूरी नहीं |
टाइप:
LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral optionalCirclePathElement.center देखें. |
radius
ज़रूरी नहीं |
टाइप:
number optionalCirclePathElement.radius देखें. |