Draw on the map

MarkerElement क्लास

class google.maps.maps3d.MarkerElement extends HTMLElement implements MarkerElementOptions
extended by MarkerInteractiveElement
library "maps3d"

3D मैप पर कोई जगह दिखाता है. ध्यान दें कि MarkerElement को दिखाने के लिए, position को सेट करना ज़रूरी है.

MarkerElement को कस्टम एचटीएमएल एलिमेंट की मदद से, अपनी पसंद के मुताबिक काफ़ी हद तक ढाला जा सकता है. हालांकि, इंटरैक्शन के मामले में इसकी परफ़ॉर्मेंस Marker3DElement से कम होती है. खास तौर पर, जब मैप पर 1,000 से ज़्यादा मार्कर मैनेज करने हों.

<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 optional
आउटपुट टाइप: AltitudeMode
डिफ़ॉल्ट: 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"
AlphaautofitsCamera
attr: autofits-camera
टाइप: boolean optional
डिफ़ॉल्ट: false
अगर मार्कर दिया गया है, तो वह मैप के व्यूपोर्ट में दिखेगा. साथ ही, इसमें वे अन्य एलिमेंट भी दिखेंगे जिन्हें शामिल करने के लिए चुना गया है.
एचटीएमएल एट्रिब्यूट: autofits-camera
collisionBehavior
attr: collision-behavior
इनपुट टाइप: CollisionBehavior optional
आउटपुट टाइप: CollisionBehavior
डिफ़ॉल्ट: 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
इनपुट टाइप: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
आउटपुट टाइप: LatLngAltitude optional
मार्कर के सिरे की जगह. कुछ मोड में ऊंचाई को अनदेखा किया जाता है. इसलिए, यह ज़रूरी नहीं है.
एचटीएमएल एट्रिब्यूट:
  • position="lat,lng"
  • position="lat,lng,altitude"
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
MarkerInteractiveElementOptions ने एक्सटेंड किया है
MarkerElement, MarkerInteractiveElement ने लागू किया है

MarkerElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें MarkerElement पर सेट किया जा सकता है.

altitudeMode
ज़रूरी नहीं
टाइप: AltitudeMode optional
anchorLeft
ज़रूरी नहीं
टाइप: string optional
MarkerElement.anchorLeft देखें.
anchorTop
ज़रूरी नहीं
टाइप: string optional
MarkerElement.anchorTop देखें.
AlphaautofitsCamera
ज़रूरी नहीं
टाइप: boolean optional
collisionBehavior
ज़रूरी नहीं
टाइप: CollisionBehavior optional
collisionPriority
ज़रूरी नहीं
टाइप: number optional
position
ज़रूरी नहीं
MarkerElement.position देखें.
title
ज़रूरी नहीं
टाइप: string optional
MarkerElement.title देखें.

MarkerInteractiveElement क्लास

class google.maps.maps3d.MarkerInteractiveElement extends MarkerElement, HTMLElement implements MarkerElementOptions, 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
इनपुट टाइप: PopoverElement optional
आउटपुट टाइप: PopoverElement optional
सेट होने पर, इस मार्कर पर क्लिक करने से पॉपओवर एलिमेंट खुल जाएगा.
एचटीएमएल एट्रिब्यूट: gmp-popover-target-element="popover-id"
इनहेरिट किया गया: altitudeMode (attr: altitude-mode), anchorLeft (attr: anchor-left), anchorTop (attr: anchor-top), AlphaautofitsCamera (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 MarkerElementOptions को एक्सटेंड करता है
MarkerInteractiveElement ने लागू किया है

MarkerInteractiveElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें MarkerInteractiveElement पर सेट किया जा सकता है.

gmpPopoverTargetElement
ज़रूरी नहीं
टाइप: PopoverElement optional
इनहेरिट की गई: altitudeMode, anchorLeft, anchorTop, AlphaautofitsCamera, collisionBehavior, collisionPriority, position, title

Marker3DElement क्लास

class google.maps.maps3d.Marker3DElement extends HTMLElement implements Marker3DElementOptions
extended by Marker3DInteractiveElement
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 optional
आउटपुट टाइप: AltitudeMode
डिफ़ॉल्ट: AltitudeMode.CLAMP_TO_GROUND
इससे पता चलता है कि जगह की ऊंचाई वाले कॉम्पोनेंट को कैसे समझा जाता है.
एचटीएमएल एट्रिब्यूट: altitude-mode="value-name"
AlphaautofitsCamera
attr: autofits-camera
इनपुट टाइप: boolean optional
आउटपुट टाइप: boolean
डिफ़ॉल्ट: false
अगर मार्कर दिया गया है, तो वह मैप के व्यूपोर्ट में दिखेगा. साथ ही, इसमें वे अन्य एलिमेंट भी दिखेंगे जिन्हें शामिल करने के लिए चुना गया है.
एचटीएमएल एट्रिब्यूट: autofits-camera
collisionBehavior
attr: collision-behavior
इनपुट टाइप: CollisionBehavior optional
आउटपुट टाइप: CollisionBehavior
डिफ़ॉल्ट: 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
इनपुट टाइप: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
आउटपुट टाइप: LatLngAltitude optional
मार्कर के सिरे की जगह. कुछ मोड में ऊंचाई को अनदेखा किया जाता है. इसलिए, यह ज़रूरी नहीं है.
एचटीएमएल एट्रिब्यूट:
  • position="lat,lng"
  • position="lat,lng,altitude"
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
Marker3DInteractiveElementOptions ने एक्सटेंड किया है
Marker3DElement, Marker3DInteractiveElement ने लागू किया है

Marker3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Marker3DElement पर सेट किया जा सकता है.

altitudeMode
ज़रूरी नहीं
टाइप: AltitudeMode optional
AlphaautofitsCamera
ज़रूरी नहीं
टाइप: boolean optional
collisionBehavior
ज़रूरी नहीं
टाइप: CollisionBehavior optional
collisionPriority
ज़रूरी नहीं
टाइप: number optional
drawsWhenOccluded
ज़रूरी नहीं
टाइप: boolean optional
extruded
ज़रूरी नहीं
टाइप: boolean optional
Marker3DElement.extruded देखें.
label
ज़रूरी नहीं
टाइप: string optional
Marker3DElement.label देखें.
position
ज़रूरी नहीं
Marker3DElement.position देखें.
sizePreserved
ज़रूरी नहीं
टाइप: boolean optional
zIndex
ज़रूरी नहीं
टाइप: number optional
Marker3DElement.zIndex देखें.

Marker3DInteractiveElement क्लास

class google.maps.maps3d.Marker3DInteractiveElement extends Marker3DElement, HTMLElement implements Marker3DElementOptions, 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
इनपुट टाइप: PopoverElement optional
आउटपुट टाइप: PopoverElement optional
सेट होने पर, इस मार्कर पर क्लिक करने से पॉपओवर एलिमेंट खुल जाएगा.
एचटीएमएल एट्रिब्यूट: gmp-popover-target-element="popover-id"
title
attr: title
टाइप: string
रोलओवर टेक्स्ट. अगर सुलभता टेक्स्ट दिया जाता है, तो उसे दी गई वैल्यू के साथ Marker3DInteractiveElement में जोड़ दिया जाएगा. उदाहरण के लिए, स्क्रीन रीडर के साथ इस्तेमाल करने के लिए.
एचटीएमएल एट्रिब्यूट: title="string"
इनहेरिट किया गया: altitudeMode (attr: altitude-mode), AlphaautofitsCamera (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 एलिमेंट पर क्लिक किया जाता है.
gmp-pointermove
function(pointerMoveEvent)
आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉइंटर Marker3DInteractiveElement एलिमेंट के अंदर मूव करता है.
gmp-pointerout
function(pointerOutEvent)
आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉइंटर Marker3DInteractiveElement एलिमेंट से बाहर निकलता है.
gmp-pointerover
function(pointerOverEvent)
आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉइंटर Marker3DInteractiveElement एलिमेंट में जाता है.

Marker3DInteractiveElementOptions इंटरफ़ेस

इंटरफ़ेस google.maps.maps3d.Marker3DInteractiveElementOptions Marker3DElementOptions को एक्सटेंड करता है
Marker3DInteractiveElement ने लागू किया है

Marker3DInteractiveElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Marker3DInteractiveElement पर सेट किया जा सकता है.

gmpPopoverTargetElement
ज़रूरी नहीं
टाइप: PopoverElement optional
title
ज़रूरी नहीं
टाइप: string optional
इनहेरिट की गई: altitudeMode, AlphaautofitsCamera, collisionBehavior, collisionPriority, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex

Model3DElement क्लास

class google.maps.maps3d.Model3DElement extends HTMLElement implements Model3DElementOptions
extended by Model3DInteractiveElement
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 optional
आउटपुट टाइप: AltitudeMode
डिफ़ॉल्ट: AltitudeMode.CLAMP_TO_GROUND
इससे पता चलता है कि जगह की जानकारी में ऊंचाई को कैसे समझा जाता है.
एचटीएमएल एट्रिब्यूट: altitude-mode="value-name"
orientation
attr: orientation
इनपुट टाइप: Orientation3D|Orientation3DLiteral optional
आउटपुट टाइप: Orientation3D optional
इससे 3D मॉडल के कोऑर्डिनेट सिस्टम के रोटेशन के बारे में पता चलता है, ताकि मॉडल को 3D मैप पर सही जगह पर दिखाया जा सके.

मॉडल को इस क्रम में घुमाया जाता है: रोल, टिल्ट, और फिर हेडिंग.
एचटीएमएल एट्रिब्यूट: orientation="heading,tilt,roll"
position
attr: position
इनपुट टाइप: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
आउटपुट टाइप: LatLngAltitude optional
Model3DElement की पोज़िशन सेट करता है. कुछ मोड में ऊंचाई को अनदेखा किया जाता है. इसलिए, यह ज़रूरी नहीं है.
एचटीएमएल एट्रिब्यूट:
  • position="lat,lng"
  • position="lat,lng,altitude"
scale
attr: scale
इनपुट टाइप: number|Vector3D|Vector3DLiteral optional
आउटपुट टाइप: Vector3D optional
डिफ़ॉल्ट: 1
यह मॉडल के कोऑर्डिनेट स्पेस में, मॉडल को x, y, और z ऐक्सिस के हिसाब से स्केल करता है.
एचटीएमएल एट्रिब्यूट:
  • scale="number"
  • scale="x,y,z"
src
attr: src
इनपुट टाइप: string|URL optional
आउटपुट टाइप: URL optional
3D मॉडल का यूआरएल बताता है. फ़िलहाल, सिर्फ़ .glb फ़ॉर्मैट वाले मॉडल काम करते हैं.

किसी भी रिलेटिव एचटीटीपी यूआरएल को उसके संबंधित ऐब्सलूट यूआरएल में बदल दिया जाएगा.

कृपया ध्यान दें कि अगर .glb मॉडल फ़ाइलों को आपके मुख्य ऐप्लिकेशन के बजाय किसी दूसरी वेबसाइट या सर्वर पर होस्ट किया जा रहा है, तो सही सीओआरएस एचटीटीपी हेडर सेट अप करना न भूलें. इससे आपके ऐप्लिकेशन को दूसरे डोमेन से मॉडल फ़ाइलों को सुरक्षित तरीके से ऐक्सेस करने की अनुमति मिलती है.
एचटीएमएल एट्रिब्यूट: src="url"
इनहेरिट की गई: addEventListener, removeEventListener

Model3DElementOptions इंटरफ़ेस

इंटरफ़ेस google.maps.maps3d.Model3DElementOptions
Model3DInteractiveElementOptions ने एक्सटेंड किया है
Model3DElement, Model3DInteractiveElement ने लागू किया है

Model3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Model3DElement पर सेट किया जा सकता है.

altitudeMode
ज़रूरी नहीं
टाइप: AltitudeMode optional
orientation
ज़रूरी नहीं
टाइप: Orientation3D|Orientation3DLiteral optional
position
ज़रूरी नहीं
Model3DElement.position देखें.
scale
ज़रूरी नहीं
टाइप: number|Vector3D|Vector3DLiteral optional
Model3DElement.scale देखें.
src
ज़रूरी नहीं
टाइप: string|URL optional
Model3DElement.src देखें.

Model3DInteractiveElement क्लास

class google.maps.maps3d.Model3DInteractiveElement extends Model3DElement, HTMLElement implements Model3DElementOptions, 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 एलिमेंट पर क्लिक किया जाता है.
gmp-pointermove
function(pointerMoveEvent)
आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉइंटर Model3DInteractiveElement एलिमेंट के अंदर मूव करता है.
gmp-pointerout
function(pointerOutEvent)
आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉइंटर Model3DInteractiveElement एलिमेंट से बाहर निकलता है.
gmp-pointerover
function(pointerOverEvent)
आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉइंटर Model3DInteractiveElement एलिमेंट में जाता है.

Model3DInteractiveElementOptions इंटरफ़ेस

इंटरफ़ेस google.maps.maps3d.Model3DInteractiveElementOptions Model3DElementOptions को एक्सटेंड करता है
Model3DInteractiveElement ने लागू किया है

Model3DInteractiveElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Model3DInteractiveElement पर सेट किया जा सकता है.

इनहेरिट की गई: altitudeMode, orientation, position, scale, src

Polyline3DElement क्लास

class google.maps.maps3d.Polyline3DElement extends HTMLElement implements Polyline3DElementOptions
extended by Polyline3DInteractiveElement
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 optional
आउटपुट टाइप: AltitudeMode
डिफ़ॉल्ट: AltitudeMode.CLAMP_TO_GROUND
इससे पता चलता है कि निर्देशांकों में ऊंचाई के कॉम्पोनेंट को कैसे समझा जाता है.
एचटीएमएल एट्रिब्यूट: altitude-mode="value-name"
AlphaautofitsCamera
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
डिफ़ॉल्ट: false
true होने पर, पॉलीलाइन के किनारों को जियोडेसिक माना जाता है और वे पृथ्वी के घुमाव के हिसाब से दिखेंगे. 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|LatLng|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"
coordinates
पॉलीलाइन के निर्देशांकों का क्रम. कुछ मोड में ऊंचाई को अनदेखा किया जाता है. इसलिए, यह ज़रूरी नहीं है.
इनहेरिट की गई: addEventListener, removeEventListener

Polyline3DElementOptions इंटरफ़ेस

इंटरफ़ेस google.maps.maps3d.Polyline3DElementOptions
Polyline3DInteractiveElementOptions ने एक्सटेंड किया है
Polyline3DElement, Polyline3DInteractiveElement ने लागू किया है

Polyline3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polyline3DElement पर सेट किया जा सकता है.

altitudeMode
ज़रूरी नहीं
टाइप: AltitudeMode optional
AlphaautofitsCamera
ज़रूरी नहीं
टाइप: boolean optional
coordinates
ज़रूरी नहीं
drawsOccludedSegments
ज़रूरी नहीं
टाइप: boolean optional
extruded
ज़रूरी नहीं
टाइप: boolean optional
geodesic
ज़रूरी नहीं
टाइप: boolean optional
outerColor
ज़रूरी नहीं
टाइप: string optional
outerWidth
ज़रूरी नहीं
टाइप: number optional
path
ज़रूरी नहीं
Polyline3DElement.path देखें.
strokeColor
ज़रूरी नहीं
टाइप: string optional
strokeWidth
ज़रूरी नहीं
टाइप: number optional
zIndex
ज़रूरी नहीं
टाइप: number optional
Polyline3DElement.zIndex देखें.

Polyline3DInteractiveElement क्लास

class google.maps.maps3d.Polyline3DInteractiveElement extends Polyline3DElement, HTMLElement implements Polyline3DElementOptions, 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), AlphaautofitsCamera (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), coordinates
इनहेरिट की गई: addEventListener, removeEventListener
gmp-click
function(clickEvent)
आर्ग्युमेंट:
  • clickEvent: LocationClickEvent optional इवेंट ऑब्जेक्ट में, क्लिक की जगह के अक्षांश, देशांतर, और ऊंचाई की जानकारी शामिल होगी.
यह इवेंट तब ट्रिगर होता है, जब Polyline3DInteractiveElement एलिमेंट पर क्लिक किया जाता है.
gmp-pointermove
function(pointerMoveEvent)
आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉइंटर Polyline3DInteractiveElement एलिमेंट के अंदर मूव करता है.
gmp-pointerout
function(pointerOutEvent)
आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉइंटर Polyline3DInteractiveElement एलिमेंट से बाहर निकलता है.
gmp-pointerover
function(pointerOverEvent)
आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉइंटर Polyline3DInteractiveElement एलिमेंट में जाता है.

Polyline3DInteractiveElementOptions इंटरफ़ेस

इंटरफ़ेस google.maps.maps3d.Polyline3DInteractiveElementOptions Polyline3DElementOptions को एक्सटेंड करता है
Polyline3DInteractiveElement ने लागू किया है

Polyline3DInteractiveElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polyline3DInteractiveElement पर सेट किया जा सकता है.

इनहेरिट की गई: altitudeMode, AlphaautofitsCamera, coordinates, drawsOccludedSegments, extruded, geodesic, outerColor, outerWidth, path, strokeColor, strokeWidth, zIndex

Polygon3DElement क्लास

class google.maps.maps3d.Polygon3DElement extends HTMLElement implements Polygon3DElementOptions
extended by Polygon3DInteractiveElement
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 optional
आउटपुट टाइप: AltitudeMode
डिफ़ॉल्ट: AltitudeMode.CLAMP_TO_GROUND
इससे पता चलता है कि निर्देशांकों में ऊंचाई के कॉम्पोनेंट को कैसे समझा जाता है.
AlphaautofitsCamera
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
डिफ़ॉल्ट: false
true होने पर, पॉलीगॉन के किनारों को जियोडेसिक माना जाता है और वे पृथ्वी के घुमाव के हिसाब से दिखेंगे. false होने पर, पॉलीगॉन के किनारों को स्क्रीन स्पेस में सीधी लाइनों के तौर पर रेंडर किया जाता है.
एचटीएमएल एट्रिब्यूट: geodesic
innerPaths
इनपुट टाइप: Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral>> optional
आउटपुट टाइप: Array<Array<LatLngAltitude>> optional
निर्देशांकों का क्रम, जो एक क्लोज़्ड लूप को दिखाता है. पॉलीलाइन के उलट, पॉलीगॉन में एक या उससे ज़्यादा पाथ हो सकते हैं. इनसे पॉलीगॉन के अंदर कई कट-आउट बनते हैं.
path
attr: path
इनपुट टाइप: Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|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"
outerCoordinates
निर्देशांकों का क्रम, जो एक क्लोज़्ड लूप को दिखाता है. कुछ मोड में ऊंचाई को अनदेखा किया जाता है. इसलिए, यह ज़रूरी नहीं है.
innerCoordinates
निर्देशांकों का क्रम, जो एक क्लोज़्ड लूप को दिखाता है. पॉलीलाइन के उलट, पॉलीगॉन में एक या उससे ज़्यादा पाथ हो सकते हैं. इनसे पॉलीगॉन के अंदर कई कट-आउट बनते हैं.
इनहेरिट की गई: addEventListener, removeEventListener

Polygon3DElementOptions इंटरफ़ेस

इंटरफ़ेस google.maps.maps3d.Polygon3DElementOptions
Polygon3DInteractiveElementOptions ने एक्सटेंड किया है
Polygon3DElement, Polygon3DInteractiveElement ने लागू किया है

Polygon3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polygon3DElement पर सेट किया जा सकता है.

altitudeMode
ज़रूरी नहीं
टाइप: AltitudeMode optional
AlphaautofitsCamera
ज़रूरी नहीं
टाइप: boolean optional
drawsOccludedSegments
ज़रूरी नहीं
टाइप: boolean optional
extruded
ज़रूरी नहीं
टाइप: boolean optional
Polygon3DElement.extruded देखें.
fillColor
ज़रूरी नहीं
टाइप: string optional
geodesic
ज़रूरी नहीं
टाइप: boolean optional
Polygon3DElement.geodesic देखें.
innerCoordinates
ज़रूरी नहीं
innerPaths
ज़रूरी नहीं
outerCoordinates
ज़रूरी नहीं
path
ज़रूरी नहीं
Polygon3DElement.path देखें.
strokeColor
ज़रूरी नहीं
टाइप: string optional
strokeWidth
ज़रूरी नहीं
टाइप: number optional
zIndex
ज़रूरी नहीं
टाइप: number optional
Polygon3DElement.zIndex देखें.

Polygon3DInteractiveElement क्लास

class google.maps.maps3d.Polygon3DInteractiveElement extends Polygon3DElement, HTMLElement implements Polygon3DElementOptions, 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, AlphaautofitsCamera (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), outerCoordinates, innerCoordinates
इनहेरिट की गई: addEventListener, removeEventListener
gmp-click
function(clickEvent)
आर्ग्युमेंट:
  • clickEvent: LocationClickEvent optional इवेंट ऑब्जेक्ट में, क्लिक की जगह के अक्षांश, देशांतर, और ऊंचाई की जानकारी शामिल होगी.
यह इवेंट तब ट्रिगर होता है, जब Polygon3DInteractiveElement एलिमेंट पर क्लिक किया जाता है.
gmp-pointermove
function(pointerMoveEvent)
आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉइंटर Polygon3DInteractiveElement एलिमेंट के अंदर मूव करता है.
gmp-pointerout
function(pointerOutEvent)
आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉइंटर Polygon3DInteractiveElement एलिमेंट से बाहर निकलता है.
gmp-pointerover
function(pointerOverEvent)
आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉइंटर Polygon3DInteractiveElement एलिमेंट में जाता है.

Polygon3DInteractiveElementOptions इंटरफ़ेस

इंटरफ़ेस google.maps.maps3d.Polygon3DInteractiveElementOptions Polygon3DElementOptions को एक्सटेंड करता है
Polygon3DInteractiveElement ने लागू किया है

Polygon3DInteractiveElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polygon3DInteractiveElement पर सेट किया जा सकता है.

इनहेरिट की गई: altitudeMode, AlphaautofitsCamera, drawsOccludedSegments, extruded, fillColor, geodesic, innerCoordinates, innerPaths, outerCoordinates, path, strokeColor, strokeWidth, zIndex

FlattenerElement क्लास

class google.maps.maps3d.FlattenerElement 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|LatLng|LatLngLiteral>> optional
आउटपुट टाइप: Array<Array<LatLngAltitude>> optional
निर्देशांकों का क्रम, जो एक क्लोज़्ड लूप को दिखाता है. ये पाथ, पॉलीगॉन के मुख्य पाथ में एक्सक्लूज़न होल तय करते हैं. यह मुख्य पाथ, फ़्लैटनिंग ज़ोन होता है. innerPath के अंदर मौजूद एरिया को फ़्लैट नहीं किया जाता.
path
attr: path
इनपुट टाइप: Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optional
आउटपुट टाइप: Array<LatLngAltitude> optional
निर्देशांकों का क्रम, जो एक क्लोज़्ड लूप को दिखाता है. यह लूप, फ़्लैटनिंग ज़ोन को तय करता है.
एचटीएमएल एट्रिब्यूट: path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."
इनहेरिट की गई: addEventListener, removeEventListener

FlattenerElementOptions इंटरफ़ेस

इंटरफ़ेस google.maps.maps3d.FlattenerElementOptions
FlattenerElement ने लागू किया

FlattenerElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें FlattenerElement पर सेट किया जा सकता है.

innerPaths
ज़रूरी नहीं
path
ज़रूरी नहीं
FlattenerElement.path देखें.

Label3DElement क्लास

class google.maps.maps3d.Label3DElement extends HTMLElement implements Label3DElementOptions
library "maps3d"

यह मैप पर 3D मार्कर से जुड़े टेक्स्ट लेबल को दिखाता है. इससे, एक से ज़्यादा मार्कर कंट्रोल करने से जुड़ी सेटिंग जैसी प्रॉपर्टी को अलग से कॉन्फ़िगर किया जा सकता है.

<gmp-label-3d
  collision-behavior="value-name"
  for="marker-id">
</gmp-label-3d>
const {Label3DElement} = await google.maps.importLibrary("maps3d");
Label3DElement
Label3DElement([options])
पैरामीटर:
तय किए गए विकल्पों के साथ Label3DElement बनाता है.
collisionBehavior
attr: collision-behavior
इनपुट टाइप: CollisionBehavior optional
आउटपुट टाइप: CollisionBehavior optional
डिफ़ॉल्ट: CollisionBehavior.REQUIRED
एक सूची, जिसमें बताया गया है कि किसी दूसरे एलिमेंट से टकराने पर, Marker3DElement के लेबल को कैसा व्यवहार करना चाहिए.
एचटीएमएल एट्रिब्यूट: collision-behavior="value-name"
for
attr: for
इनपुट टाइप: string|HTMLElement optional
आउटपुट टाइप: string|HTMLElement optional
Marker3DElement, जिसके लिए यह लेबल है.
एचटीएमएल एट्रिब्यूट: for="marker-id"
इनहेरिट की गई: addEventListener, removeEventListener

Label3DElementOptions इंटरफ़ेस

इंटरफ़ेस google.maps.maps3d.Label3DElementOptions
Label3DElement ने लागू किया

Label3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Label3DElement पर सेट किया जा सकता है.

collisionBehavior
ज़रूरी नहीं
टाइप: CollisionBehavior optional
एक सूची, जिसमें बताया गया है कि किसी दूसरे एलिमेंट से टकराने पर, Marker3DElement के लेबल को कैसा व्यवहार करना चाहिए.
for
ज़रूरी नहीं
टाइप: string|HTMLElement optional
Marker3DElement, जिसके लिए यह लेबल है.

PopoverElement क्लास

class google.maps.maps3d.PopoverElement 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 optional
आउटपुट टाइप: 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
वह पोज़िशन जहां यह पॉपओवर दिखेगा. अगर पॉपओवर को किसी इंटरैक्टिव मार्कर से ऐंकर किया गया है, तो मार्कर की पोज़िशन का इस्तेमाल किया जाएगा.
एचटीएमएल एट्रिब्यूट:
  • position-anchor="lat,lng"
  • position-anchor="lat,lng,altitude"
  • position-anchor="marker-id"
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
PopoverElement ने लागू किया

PopoverElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें PopoverElement पर सेट किया जा सकता है.

altitudeMode
ज़रूरी नहीं
टाइप: AltitudeMode optional
autoPanDisabled
ज़रूरी नहीं
टाइप: boolean optional
lightDismissDisabled
ज़रूरी नहीं
टाइप: boolean optional
open
ज़रूरी नहीं
टाइप: boolean optional
PopoverElement.open देखें.
positionAnchor
ज़रूरी नहीं

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 क्लास

class google.maps.maps3d.CirclePathElement 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
इनपुट टाइप: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
आउटपुट टाइप: LatLngAltitude optional
सर्कल का केंद्र.
एचटीएमएल एट्रिब्यूट: center="lat,lng,altitude"
radius
attr: radius
इनपुट टाइप: number optional
आउटपुट टाइप: number optional
सर्कल की त्रिज्या, मीटर में.
एचटीएमएल एट्रिब्यूट: radius="number"
इनहेरिट की गई: addEventListener, removeEventListener

CirclePathElementOptions इंटरफ़ेस

इंटरफ़ेस google.maps.maps3d.CirclePathElementOptions
CirclePathElement ने लागू किया

CirclePathElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें CirclePathElement पर सेट किया जा सकता है.

center
ज़रूरी नहीं
CirclePathElement.center देखें.
radius
ज़रूरी नहीं
टाइप: number optional
CirclePathElement.radius देखें.