3D Maps

Map3DElement class

google.maps.maps3d.Map3DElement क्लास

Map3DElement, 3D मैप व्यू के लिए एचटीएमएल इंटरफ़ेस है.

कस्टम एलिमेंट:
<gmp-map-3d center="lat,lng,altitude" default-labels-disabled heading="number" max-altitude="number" max-heading="number" max-tilt="number" min-altitude="number" min-heading="number" min-tilt="number" range="number" roll="number" tilt="number"></gmp-map-3d>

यह क्लास HTMLElement तक चलेगी.

इस क्लास में Map3DElementOptions लागू होता है.

const {Map3DElement} = await google.maps.importLibrary("maps3d") को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
Map3DElement
Map3DElement([options])
पैरामीटर: 
bounds
टाइप:  LatLngBounds|LatLngBoundsLiteral optional
सेट होने पर, कैमरे की पोज़िशन को तय किए गए अक्षांश/देशांतर की सीमाओं के अंदर ही सीमित कर देता है. ध्यान दें कि बॉउंड के बाहर मौजूद ऑब्जेक्ट अब भी रेंडर किए जाते हैं. सीमाओं से, लॉन्गिट्यूड और अक्षांश, दोनों पर पाबंदी लगाई जा सकती है. इसके अलावा, सिर्फ़ लॉन्गिट्यूड या अक्षांश पर भी पाबंदी लगाई जा सकती है. सिर्फ़ अक्षांश वाले बॉउंड के लिए, क्रमशः पश्चिम और पूर्व देशांतर के -180 और 180 का इस्तेमाल करें. सिर्फ़ देशांतर वाले बॉउंड के लिए, उत्तर और दक्षिण अक्षांश के तौर पर 90 और -90 का इस्तेमाल करें.
center
टाइप:  LatLngAltitude|LatLngAltitudeLiteral optional
मैप का केंद्र, LatLngAltitude के तौर पर दिया गया है. इसमें ऊंचाई, ज़मीन से ऊपर मीटर में होती है. ध्यान दें कि यह ज़रूरी नहीं है कि कैमरा यहां मौजूद हो, क्योंकि range फ़ील्ड से मैप के बीच की दूरी पर असर पड़ता है. अगर यह सेट नहीं है, तो डिफ़ॉल्ट रूप से {lat: 0, lng: 0, altitude: 63170000} लागू हो जाता है. 63,170,000 मीटर, ज़्यादा से ज़्यादा ऊंचाई है. यह धरती की त्रिज्या को 10 से गुणा करके मिला है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map-3d center="lat,lng,altitude"></gmp-map-3d>
defaultLabelsDisabled
टाइप:  boolean optional
डिफ़ॉल्ट: false
true होने पर, मैप के डिफ़ॉल्ट लेबल रेंडर नहीं होते.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map-3d default-labels-disabled></gmp-map-3d>
heading
टाइप:  number optional
मैप की कंपास हेडिंग, डिग्री में. इसमें उत्तर की दिशा को शून्य माना जाता है. जब कोई झुकाव न हो, तो किसी भी रोल को हेडिंग के तौर पर समझा जाएगा.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map-3d heading="number"></gmp-map-3d>
maxAltitude
टाइप:  number optional
मैप पर दिखाया जाने वाला, ज़मीन से ज़्यादा से ज़्यादा ऊंचाई. मान्य वैल्यू, 0 और 63170000 मीटर (पृथ्वी की त्रिज्या को 10 से गुणा करके) के बीच होनी चाहिए.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map-3d max-altitude="number"></gmp-map-3d>
maxHeading
टाइप:  number optional
मैप के हेडिंग (रोटेशन) का ज़्यादा से ज़्यादा कोण. मान्य वैल्यू, 0 और 360 डिग्री के बीच होनी चाहिए. minHeading और maxHeading, 360 डिग्री से कम के उस इंटरवल को दिखाते हैं जिसमें हेडिंग जेस्चर की अनुमति होगी. minHeading = 180 और maxHeading = 90, [0, 90] और [180, 360] में हेडिंग की अनुमति देंगे. minHeading = 90 और maxHeading = 180, [90, 180] में हेडिंग की अनुमति देंगे.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map-3d max-heading="number"></gmp-map-3d>
maxTilt
टाइप:  number optional
मैप के इंसिडेंस ऐंगल की ज़्यादा से ज़्यादा वैल्यू. मान्य वैल्यू, 0 और 90 डिग्री के बीच होनी चाहिए.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map-3d max-tilt="number"></gmp-map-3d>
minAltitude
टाइप:  number optional
मैप पर दिखाए जाने वाले, ज़मीन से कम से कम ऊंचाई. मान्य वैल्यू, 0 और 63170000 मीटर (पृथ्वी की त्रिज्या को 10 से गुणा करके) के बीच होनी चाहिए.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map-3d min-altitude="number"></gmp-map-3d>
minHeading
टाइप:  number optional
मैप के हेडिंग (रोटेशन) का कम से कम कोण. मान्य वैल्यू, 0 और 360 डिग्री के बीच होनी चाहिए. minHeading और maxHeading, 360 डिग्री से कम के उस इंटरवल को दिखाते हैं जिसमें हेडिंग जेस्चर की अनुमति होगी. minHeading = 180 और maxHeading = 90, [0, 90] और [180, 360] में हेडिंग की अनुमति देंगे. minHeading = 90 और maxHeading = 180, [90, 180] में हेडिंग की अनुमति देंगे.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map-3d min-heading="number"></gmp-map-3d>
minTilt
टाइप:  number optional
मैप के लिए, इन्सिडेंस का कम से कम कोण. मान्य वैल्यू, 0 और 90 डिग्री के बीच होनी चाहिए.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map-3d min-tilt="number"></gmp-map-3d>
range
टाइप:  number optional
कैमरे से मैप के बीच की दूरी, मीटर में.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map-3d range="number"></gmp-map-3d>
roll
टाइप:  number optional
व्यू वेक्टर के चारों ओर कैमरे का रोल, डिग्री में. जब कोई झुकाव न हो, तो किसी भी रोल को हेडिंग के तौर पर समझा जाएगा.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map-3d roll="number"></gmp-map-3d>
tilt
टाइप:  number optional
कैमरे के व्यू वेक्टर का झुकाव डिग्री में. सीधे नीचे की ओर देखने वाले व्यू वेक्टर का झुकाव शून्य डिग्री होगा. पृथ्वी से दूर की ओर देखने वाले व्यू वेक्टर का झुकाव 180 डिग्री होगा.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map-3d tilt="number"></gmp-map-3d>
BetaaddEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string केस-सेंसिटिव स्ट्रिंग, जो उस इवेंट टाइप को दिखाती है जिसे सुनना है.
  • listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह handleEvent तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए
  • options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive के साथ काम करते हैं.
रिटर्न वैल्यू:  void
यह एक फ़ंक्शन सेट अप करता है, जिसे टारगेट पर तय इवेंट डिलीवर होने पर कॉल किया जाएगा. addEventListener देखें
BetaremoveEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string वह स्ट्रिंग जो उस इवेंट टाइप के बारे में बताती है जिसके लिए इवेंट लिसनर को हटाना है.
  • listener:  EventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर.
  • options:  boolean|EventListenerOptions optional विकल्प देखें
रिटर्न वैल्यू:  void
टारगेट से, पहले से addEventListener के साथ रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें
gmp-centerchange
function(centerChangeEvent)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की center प्रॉपर्टी में बदलाव होता है.
gmp-click
function(clickEvent)
आर्ग्युमेंट: 
Map3DElement एलिमेंट पर क्लिक करने पर, यह इवेंट ट्रिगर होता है.
gmp-headingchange
function(headingChangeEvent)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की हेडिंग प्रॉपर्टी में बदलाव होता है.
gmp-rangechange
function(rangeChangeEvent)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की रेंज प्रॉपर्टी में बदलाव होता है.
gmp-rollchange
function(rollChangeEvent)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की रोल प्रॉपर्टी में बदलाव होता है.
gmp-steadychange
function(steadyChangeEvent)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की स्टेडी स्टेटस में बदलाव होता है.
gmp-tiltchange
function(tiltChangeEvent)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की tilt प्रॉपर्टी में बदलाव होता है.

Map3DElementOptions इंटरफ़ेस

google.maps.maps3d.Map3DElementOptions इंटरफ़ेस

Map3DElementOptions ऑब्जेक्ट का इस्तेमाल, Map3DElement पर सेट की जा सकने वाली प्रॉपर्टी तय करने के लिए किया जाता है.
bounds optional
टाइप:  LatLngBounds|LatLngBoundsLiteral optional
Map3DElement.bounds देखें.
center optional
टाइप:  LatLngAltitude|LatLngAltitudeLiteral optional
Map3DElement.center देखें.
defaultLabelsDisabled optional
टाइप:  boolean optional
Map3DElement.defaultLabelsDisabled देखें.
heading optional
टाइप:  number optional
Map3DElement.heading देखें.
maxAltitude optional
टाइप:  number optional
Map3DElement.maxAltitude देखें.
maxHeading optional
टाइप:  number optional
Map3DElement.maxHeading देखें.
maxTilt optional
टाइप:  number optional
Map3DElement.maxTilt देखें.
minAltitude optional
टाइप:  number optional
Map3DElement.minAltitude देखें.
minHeading optional
टाइप:  number optional
Map3DElement.minHeading देखें.
minTilt optional
टाइप:  number optional
Map3DElement.minTilt देखें.
range optional
टाइप:  number optional
Map3DElement.range देखें.
roll optional
टाइप:  number optional
Map3DElement.roll देखें.
tilt optional
टाइप:  number optional
Map3DElement.tilt देखें.

SteadyChangeEvent class

google.maps.maps3d.SteadyChangeEvent क्लास

यह इवेंट, Map3DElement के स्टेडी स्टेट को मॉनिटर करने से बनता है. यह इवेंट, डीओएम ट्री के ज़रिए ऊपर की ओर बढ़ता है.

यह क्लास Event तक चलेगी.

const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d") को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
isSteady
टाइप:  boolean
इससे पता चलता है कि Map3DElement स्थिर है या नहीं. इसका मतलब है कि मौजूदा सीन के लिए रेंडरिंग पूरी हो गई है या नहीं.

ClickEvent क्लास

google.maps.maps3d.ClickEvent क्लास

यह इवेंट, Map3DElement पर क्लिक करने से बनता है.

यह क्लास Event तक चलेगी.

const {ClickEvent} = await google.maps.importLibrary("maps3d") को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
position
टाइप:  LatLngAltitude optional
इवेंट होने के समय कर्सर के नीचे मौजूद अक्षांश/देशांतर/ऊंचाई. कृपया ध्यान दें कि कम डेटा लेवल पर, कम सटीक डेटा दिखेगा. साथ ही, कैमरे की ऊंची पोज़िशन से पानी की सतह पर क्लिक करने पर, ऊंचाई की वैल्यू के तौर पर समुद्र के फ़्लोर की ऊंचाई दिख सकती है. यह इवेंट, डीओएम ट्री के ज़रिए ऊपर की ओर बढ़ता है.

CenterChangeEvent class

google.maps.maps3d.CenterChangeEvent क्लास

यह इवेंट, Map3DElement को मॉनिटरिंग सेंटर में हुए बदलाव से बनाया गया है. यह इवेंट, डीओएम ट्री के ज़रिए ऊपर की ओर बढ़ता है.

यह क्लास Event तक चलेगी.

const {CenterChangeEvent} = await google.maps.importLibrary("maps3d") को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.

HeadingChangeEvent class

google.maps.maps3d.HeadingChangeEvent क्लास

यह इवेंट, Map3DElement पर हेडिंग में हुए बदलाव को मॉनिटर करने से बनाया गया है. यह इवेंट, डीओएम ट्री के ज़रिए ऊपर की ओर बढ़ता है.

यह क्लास Event तक चलेगी.

const {HeadingChangeEvent} = await google.maps.importLibrary("maps3d") को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.

RangeChangeEvent क्लास

google.maps.maps3d.RangeChangeEvent क्लास

यह इवेंट, Map3DElement को मॉनिटरिंग रेंज में हुए बदलाव से बनाया गया है. यह इवेंट, डीओएम ट्री के ज़रिए ऊपर की ओर बढ़ता है.

यह क्लास Event तक चलेगी.

const {RangeChangeEvent} = await google.maps.importLibrary("maps3d") को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.

RollChangeEvent class

google.maps.maps3d.RollChangeEvent क्लास

यह इवेंट, Map3DElement को रोल में हुए बदलाव को मॉनिटर करने से बनाया गया है. यह इवेंट, डीओएम ट्री के ज़रिए ऊपर की ओर बढ़ता है.

यह क्लास Event तक चलेगी.

const {RollChangeEvent} = await google.maps.importLibrary("maps3d") को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.

TiltChangeEvent class

google.maps.maps3d.TiltChangeEvent क्लास

यह इवेंट, Map3DElement पर झुकाव में हुए बदलाव को मॉनिटर करने से बनाया गया है. यह इवेंट, डीओएम ट्री के ज़रिए ऊपर की ओर बढ़ता है.

यह क्लास Event तक चलेगी.

const {TiltChangeEvent} = await google.maps.importLibrary("maps3d") को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.

Polyline3DElement class

google.maps.maps3d.Polyline3DElement क्लास

3D पॉलीलाइन, 3D मैप पर कनेक्ट किए गए लाइन सेगमेंट का लीनियर ओवरले होता है.

कस्टम एलिमेंट:
<gmp-polyline-3d altitude-mode="absolute" draws-occluded-segments extruded geodesic outer-color="string" outer-opacity="number" outer-width="number" stroke-color="string" stroke-opacity="number" stroke-width="number" z-index="number"></gmp-polyline-3d>

यह क्लास HTMLElement तक चलेगी.

इस क्लास में Polyline3DElementOptions लागू होता है.

const {Polyline3DElement} = await google.maps.importLibrary("maps3d") को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
Polyline3DElement
Polyline3DElement([options])
पैरामीटर: 
altitudeMode
टाइप:  AltitudeMode optional
डिफ़ॉल्ट: AltitudeMode.ABSOLUTE
इससे पता चलता है कि निर्देशांकों में ऊंचाई के कॉम्पोनेंट का विश्लेषण कैसे किया जाता है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polyline-3d altitude-mode="absolute"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="clamp-to-ground"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="relative-to-ground"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="relative-to-mesh"></gmp-polyline-3d>
coordinates
पॉलीलाइन के निर्देशांक का क्रम. कुछ मोड में ऊंचाई की जानकारी को अनदेखा किया जाता है. इसलिए, इसे देना ज़रूरी नहीं है.
drawsOccludedSegments
टाइप:  boolean optional
डिफ़ॉल्ट: false
इससे पता चलता है कि पॉलीलाइन के किन हिस्सों को दिखाया जाए और किन हिस्सों को नहीं. मैप की ज्यामिति (जैसे, इमारतें) की वजह से पॉलीलाइन छिप सकती हैं.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polyline-3d draws-occluded-segments></gmp-polyline-3d>
extruded
टाइप:  boolean optional
डिफ़ॉल्ट: false
इससे यह तय होता है कि पॉलीलाइन को ज़मीन से कनेक्ट करना है या नहीं. पॉलीलाइन को एक्सट्रूज़न करने के लिए, altitudeMode की वैल्यू RELATIVE_TO_GROUND या ABSOLUTE होनी चाहिए.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polyline-3d extruded></gmp-polyline-3d>
geodesic
टाइप:  boolean optional
डिफ़ॉल्ट: false
true के तौर पर सेट करने पर, पॉलीलाइन के किनारों को जियोडेसिक के तौर पर समझा जाता है और वे पृथ्वी के वक्रता के हिसाब से बने होंगे. false के तौर पर सेट करने पर, पॉलीलाइन के किनारों को स्क्रीन स्पेस में सीधी रेखाओं के तौर पर रेंडर किया जाता है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polyline-3d geodesic></gmp-polyline-3d>
outerColor
टाइप:  string optional
बाहरी रंग. सीएसएस3 के सभी रंग इस्तेमाल किए जा सकते हैं.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polyline-3d outer-color="string"></gmp-polyline-3d>
outerOpacity
टाइप:  number optional
बाहरी ओपैसिटी, 0.0 और 1.0 के बीच होनी चाहिए.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polyline-3d outer-opacity="number"></gmp-polyline-3d>
outerWidth
टाइप:  number optional
आउटर विड्थ 0.0 और 1.0 के बीच होनी चाहिए. यह strokeWidth का प्रतिशत है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polyline-3d outer-width="number"></gmp-polyline-3d>
strokeColor
टाइप:  string optional
स्ट्रोक का रंग. सीएसएस3 के सभी रंग इस्तेमाल किए जा सकते हैं.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polyline-3d stroke-color="string"></gmp-polyline-3d>
strokeOpacity
टाइप:  number optional
स्ट्रोक की ओपैसिटी 0.0 और 1.0 के बीच होनी चाहिए.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polyline-3d stroke-opacity="number"></gmp-polyline-3d>
strokeWidth
टाइप:  number optional
पिक्सल में स्ट्रोक की चौड़ाई.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polyline-3d stroke-width="number"></gmp-polyline-3d>
zIndex
टाइप:  number optional
दूसरे पॉली की तुलना में zIndex.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polyline-3d z-index="number"></gmp-polyline-3d>
BetaaddEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string केस-सेंसिटिव स्ट्रिंग, जो उस इवेंट टाइप को दिखाती है जिसे सुनना है.
  • listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह handleEvent तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए
  • options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive के साथ काम करते हैं.
रिटर्न वैल्यू:  void
यह एक फ़ंक्शन सेट अप करता है, जिसे टारगेट पर तय इवेंट डिलीवर होने पर कॉल किया जाएगा. addEventListener देखें
BetaremoveEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string वह स्ट्रिंग जो उस इवेंट टाइप के बारे में बताती है जिसके लिए इवेंट लिसनर को हटाना है.
  • listener:  EventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर.
  • options:  boolean|EventListenerOptions optional विकल्प देखें
रिटर्न वैल्यू:  void
टारगेट से, पहले से addEventListener के साथ रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें

Polyline3DElementOptions इंटरफ़ेस

google.maps.maps3d.Polyline3DElementOptions इंटरफ़ेस

Polyline3DElementOptions ऑब्जेक्ट का इस्तेमाल, Polyline3DElement पर सेट की जा सकने वाली प्रॉपर्टी तय करने के लिए किया जाता है.
altitudeMode optional
टाइप:  AltitudeMode optional
डिफ़ॉल्ट: AltitudeMode.ABSOLUTE
Polyline3DElement.altitudeMode देखें.
coordinates optional
Polyline3DElement.coordinates देखें.
drawsOccludedSegments optional
टाइप:  boolean optional
डिफ़ॉल्ट: false
Polyline3DElement.drawsOccludedSegments देखें.
extruded optional
टाइप:  boolean optional
डिफ़ॉल्ट: false
Polyline3DElement.extruded देखें.
geodesic optional
टाइप:  boolean optional
डिफ़ॉल्ट: false
Polyline3DElement.geodesic देखें.
outerColor optional
टाइप:  string optional
Polyline3DElement.outerColor देखें.
outerOpacity optional
टाइप:  number optional
Polyline3DElement.outerOpacity देखें.
outerWidth optional
टाइप:  number optional
Polyline3DElement.outerWidth देखें.
strokeColor optional
टाइप:  string optional
Polyline3DElement.strokeColor देखें.
strokeOpacity optional
टाइप:  number optional
Polyline3DElement.strokeOpacity देखें.
strokeWidth optional
टाइप:  number optional
Polyline3DElement.strokeWidth देखें.
zIndex optional
टाइप:  number optional
Polyline3DElement.zIndex देखें.

Polygon3DElement class

google.maps.maps3d.Polygon3DElement क्लास

3D पॉलीगॉन (जैसे कि 3D पॉलीलाइन), क्रम से जुड़े निर्देशांकों की एक सीरीज़ तय करता है. इसके अलावा, पॉलीगॉन एक बंद लूप बनाते हैं और भरे हुए इलाके की जानकारी देते हैं.

कस्टम एलिमेंट:
<gmp-polygon-3d altitude-mode="absolute" draws-occluded-segments extruded fill-color="string" fill-opacity="number" geodesic stroke-color="string" stroke-opacity="number" stroke-width="number" z-index="number"></gmp-polygon-3d>

यह क्लास HTMLElement तक चलेगी.

इस क्लास में Polygon3DElementOptions लागू होता है.

const {Polygon3DElement} = await google.maps.importLibrary("maps3d") को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
Polygon3DElement
Polygon3DElement([options])
पैरामीटर: 
altitudeMode
टाइप:  AltitudeMode optional
डिफ़ॉल्ट: AltitudeMode.ABSOLUTE
इससे पता चलता है कि निर्देशांकों में ऊंचाई के कॉम्पोनेंट का विश्लेषण कैसे किया जाता है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polygon-3d altitude-mode="absolute"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="clamp-to-ground"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="relative-to-ground"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="relative-to-mesh"></gmp-polygon-3d>
drawsOccludedSegments
टाइप:  boolean optional
डिफ़ॉल्ट: false
इससे पता चलता है कि पॉलीगॉन के किन हिस्सों को दिखाया गया है और किन हिस्सों को नहीं. मैप की ज्यामिति (जैसे, इमारतें) की वजह से पॉलीगॉन छिप सकते हैं.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polygon-3d draws-occluded-segments></gmp-polygon-3d>
extruded
टाइप:  boolean optional
डिफ़ॉल्ट: false
इससे यह तय होता है कि पॉलीगॉन को ज़मीन से कनेक्ट करना है या नहीं. पॉलीगॉन को एक्सट्रूज़न करने के लिए, altitudeMode को RELATIVE_TO_GROUND या ABSOLUTE पर सेट करना होगा.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polygon-3d extruded></gmp-polygon-3d>
fillColor
टाइप:  string optional
भरने का रंग. सीएसएस3 के सभी रंग इस्तेमाल किए जा सकते हैं.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polygon-3d fill-color="string"></gmp-polygon-3d>
fillOpacity
टाइप:  number optional
भरने की ओपैसिटी 0.0 और 1.0 के बीच होनी चाहिए.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polygon-3d fill-opacity="number"></gmp-polygon-3d>
geodesic
टाइप:  boolean optional
डिफ़ॉल्ट: false
true होने पर, पॉलीगॉन के किनारों को जियोडेसिक के तौर पर समझा जाता है और वे पृथ्वी के वक्रता के हिसाब से होंगे. false के तौर पर सेट करने पर, पॉलीगॉन के किनारों को स्क्रीन स्पेस में सीधी रेखाओं के तौर पर रेंडर किया जाता है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polygon-3d geodesic></gmp-polygon-3d>
innerCoordinates
निर्देशांकों का क्रम, जो एक बंद लूप को दिखाता है. पॉलीलाइन के उलट, पॉलीगॉन में एक या उससे ज़्यादा पाथ हो सकते हैं. इनसे पॉलीगॉन में कई कट-आउट बनते हैं.
outerCoordinates
निर्देशांकों का क्रम, जो एक बंद लूप को दिखाता है. कुछ मोड में ऊंचाई की जानकारी को अनदेखा किया जाता है. इसलिए, इसे देना ज़रूरी नहीं है.
strokeColor
टाइप:  string optional
स्ट्रोक का रंग. सीएसएस3 के सभी रंग इस्तेमाल किए जा सकते हैं.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polygon-3d stroke-color="string"></gmp-polygon-3d>
strokeOpacity
टाइप:  number optional
स्ट्रोक की ओपैसिटी 0.0 और 1.0 के बीच होनी चाहिए.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polygon-3d stroke-opacity="number"></gmp-polygon-3d>
strokeWidth
टाइप:  number optional
पिक्सल में स्ट्रोक की चौड़ाई.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polygon-3d stroke-width="number"></gmp-polygon-3d>
zIndex
टाइप:  number optional
दूसरे पॉली की तुलना में zIndex.
एचटीएमएल एट्रिब्यूट:
  • <gmp-polygon-3d z-index="number"></gmp-polygon-3d>
BetaaddEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string केस-सेंसिटिव स्ट्रिंग, जो उस इवेंट टाइप को दिखाती है जिसे सुनना है.
  • listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह handleEvent तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए
  • options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive के साथ काम करते हैं.
रिटर्न वैल्यू:  void
यह एक फ़ंक्शन सेट अप करता है, जिसे टारगेट पर तय इवेंट डिलीवर होने पर कॉल किया जाएगा. addEventListener देखें
BetaremoveEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string वह स्ट्रिंग जो उस इवेंट टाइप के बारे में बताती है जिसके लिए इवेंट लिसनर को हटाना है.
  • listener:  EventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर.
  • options:  boolean|EventListenerOptions optional विकल्प देखें
रिटर्न वैल्यू:  void
टारगेट से, पहले से addEventListener के साथ रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें

Polygon3DElementOptions इंटरफ़ेस

google.maps.maps3d.Polygon3DElementOptions इंटरफ़ेस

Polygon3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polygon3DElement पर सेट किया जा सकता है.
altitudeMode optional
टाइप:  AltitudeMode optional
डिफ़ॉल्ट: AltitudeMode.ABSOLUTE
Polygon3DElement.altitudeMode देखें.
drawsOccludedSegments optional
टाइप:  boolean optional
डिफ़ॉल्ट: false
Polygon3DElement.drawsOccludedSegments देखें.
extruded optional
टाइप:  boolean optional
डिफ़ॉल्ट: false
Polygon3DElement.extruded देखें.
fillColor optional
टाइप:  string optional
Polygon3DElement.fillColor देखें.
fillOpacity optional
टाइप:  number optional
Polygon3DElement.fillOpacity देखें.
geodesic optional
टाइप:  boolean optional
डिफ़ॉल्ट: false
Polygon3DElement.geodesic देखें.
innerCoordinates optional
Polygon3DElement.innerCoordinates देखें.
outerCoordinates optional
Polygon3DElement.outerCoordinates देखें.
strokeColor optional
टाइप:  string optional
Polygon3DElement.strokeColor देखें.
strokeOpacity optional
टाइप:  number optional
Polygon3DElement.strokeOpacity देखें.
strokeWidth optional
टाइप:  number optional
Polygon3DElement.strokeWidth देखें.
zIndex optional
टाइप:  number optional
Polygon3DElement.zIndex देखें.

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 इससे, ज़मीन+इमारत+पानी की सतह के सबसे ऊंचे हिस्से के हिसाब से ऑब्जेक्ट दिखाए जा सकते हैं. पानी के ऊपर होने पर, यह पानी की सतह होगी. वहीं, जमीन पर होने पर, यह इमारत की सतह (अगर मौजूद हो) या जमीन की सतह होगी.