Map3DElement क्लास
google.maps.maps3d.Map3DElement
क्लास
Map3DElement, 3D मैप व्यू के लिए एचटीएमएल इंटरफ़ेस है.
कस्टम एलिमेंट:
<gmp-map-3d center="lat,lng,altitude" default-labels-disabled default-ui-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,17,0000 मीटर, ज़्यादा से ज़्यादा ऊंचाई है. यह धरती की त्रिज्या को 10 से गुणा करके मिला है.एचटीएमएल एट्रिब्यूट:
|
defaultLabelsDisabled |
टाइप:
boolean optional डिफ़ॉल्ट:
false true होने पर, मैप के डिफ़ॉल्ट लेबल रेंडर नहीं होते.एचटीएमएल एट्रिब्यूट:
|
defaultUIDisabled |
टाइप:
boolean optional डिफ़ॉल्ट:
false true होने पर, यूज़र इंटरफ़ेस (यूआई) के सभी डिफ़ॉल्ट बटन बंद हो जाते हैं. कीबोर्ड और जेस्चर कंट्रोल बंद नहीं करता.एचटीएमएल एट्रिब्यूट:
|
heading |
टाइप:
number optional मैप की कंपास हेडिंग, डिग्री में. इसमें उत्तर की दिशा को शून्य माना जाता है. जब कोई झुकाव न हो, तो किसी भी रोल को हेडिंग के तौर पर समझा जाएगा.
एचटीएमएल एट्रिब्यूट:
|
maxAltitude |
टाइप:
number optional मैप पर दिखाया जाने वाला, ज़मीन से ज़्यादा से ज़्यादा ऊंचाई. मान्य वैल्यू,
0 और 63170000 मीटर (पृथ्वी की त्रिज्या को 10 से गुणा करके) के बीच होनी चाहिए.एचटीएमएल एट्रिब्यूट:
|
maxHeading |
टाइप:
number optional मैप के हेडिंग (रोटेशन) का ज़्यादा से ज़्यादा कोण. मान्य मान
0 और 360 डिग्री के बीच है. minHeading और maxHeading , 360 डिग्री से कम के उस इंटरवल को दिखाते हैं जिसमें हेडिंग जेस्चर की अनुमति होगी. minHeading = 180 और maxHeading = 90 , [0, 90] में हेडिंग और [180, 360] में हेडिंग इस्तेमाल करेंगे. minHeading = 90 और maxHeading = 180 [90, 180] में हेडिंग इस्तेमाल करेंगे.एचटीएमएल एट्रिब्यूट:
|
maxTilt |
टाइप:
number optional मैप के इंसिडेंस ऐंगल की ज़्यादा से ज़्यादा वैल्यू. मान्य वैल्यू,
0 और 90 डिग्री के बीच होनी चाहिए.एचटीएमएल एट्रिब्यूट:
|
minAltitude |
टाइप:
number optional मैप पर दिखाए जाने वाले, ज़मीन से कम से कम ऊंचाई. मान्य मान
0 और 63170000 मीटर (पृथ्वी की त्रिज्या का 10 गुना) के बीच होता है.एचटीएमएल एट्रिब्यूट:
|
minHeading |
टाइप:
number optional मैप के हेडिंग (रोटेशन) का कम से कम कोण. मान्य वैल्यू,
0 और 360 डिग्री के बीच होनी चाहिए. minHeading और maxHeading , 360 डिग्री से कम के उस इंटरवल को दिखाते हैं जिसमें हेडिंग जेस्चर की अनुमति होगी. minHeading = 180 और maxHeading = 90 , [0, 90] और [180, 360] में हेडिंग की अनुमति देंगे. minHeading = 90 और maxHeading = 180 , [90, 180] में हेडिंग की अनुमति देंगे.एचटीएमएल एट्रिब्यूट:
|
minTilt |
टाइप:
number optional मैप के इंसिडेंस ऐंगल का कम से कम मान. मान्य वैल्यू,
0 और 90 डिग्री के बीच होनी चाहिए.एचटीएमएल एट्रिब्यूट:
|
range |
टाइप:
number optional कैमरे से मैप के सेंटर तक की दूरी, मीटर में.
एचटीएमएल एट्रिब्यूट:
|
roll |
टाइप:
number optional व्यू वेक्टर के चारों ओर कैमरे का रोल, डिग्री में. जब कोई झुकाव न हो, तो किसी भी रोल को हेडिंग के तौर पर समझा जाएगा.
एचटीएमएल एट्रिब्यूट:
|
tilt |
टाइप:
number optional कैमरे के व्यू वेक्टर का झुकाव डिग्री में. सीधे नीचे की ओर देखने वाले व्यू वेक्टर का झुकाव शून्य डिग्री होगा. पृथ्वी से दूर की ओर देखने वाले व्यू वेक्टर का झुकाव
180 डिग्री होगा.एचटीएमएल एट्रिब्यूट:
|
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाए जाने वाले आइटम की वैल्यू:
void एक फ़ंक्शन सेट करता है, जिसे तब कॉल किया जाएगा, जब तय किया गया इवेंट टारगेट को डिलीवर किया जाएगा. addEventListener देखें |
flyCameraAround |
flyCameraAround(options) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस तरीके में, कैमरे को किसी तय समय के लिए किसी तय जगह के चारों ओर घुमाया जाता है. साथ ही, उस समय में तय राउंड पूरे किए जाते हैं. डिफ़ॉल्ट रूप से, कैमरा घड़ी की सुई की दिशा में घूमता है. अगर गोलों के लिए ऋणात्मक संख्या दी जाती है, तो कैमरा इसके बजाय घड़ी की उलटी दिशा में कक्षा में घूमेगा. यह तरीका असाइनोक्रोनस है, क्योंकि ऐनिमेशन सिर्फ़ तब शुरू हो सकते हैं, जब मैप कम से कम लोड हो जाए. ऐनिमेशन शुरू होने के बाद, यह तरीका वापस आ जाता है. अगर राउंड की संख्या शून्य है, तो कोई स्पिन नहीं होगा और ऐनिमेशन शुरू होने के तुरंत बाद पूरा हो जाएगा. |
flyCameraTo |
flyCameraTo(options) पैरामीटर:
सामान लौटाने की वैल्यू: कोई नहीं
इस तरीके से, कैमरे को मौजूदा जगह से किसी तय समय में, तय जगह पर पैराबोलिक तरीके से ले जाया जाता है. यह तरीका असाइनोक्रोनस है, क्योंकि ऐनिमेशन सिर्फ़ तब शुरू हो सकते हैं, जब मैप कम से कम लोड हो जाए. ऐनिमेशन शुरू होने के बाद, यह तरीका दिखता है. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
रिटर्न वैल्यू:
void टारगेट से, पहले से addEventListener के साथ रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें |
stopCameraAnimation |
stopCameraAnimation() पैरामीटर: कोई नहीं
रिटर्न वैल्यू: कोई नहीं
इस तरीके से, चल रहे किसी भी फ़्लाई ऐनिमेशन को रोका जा सकता है. कैमरा, ऐनिमेशन के बीच में जहां होता है वहीं रहता है. यह आखिरी पॉइंट पर टेलीपोर्ट नहीं होता. यह तरीका एसिंक्रोनस है, क्योंकि मैप में तय किए गए सीमा से ज़्यादा लोड होने के बाद ही ऐनिमेशन चालू या बंद हो सकते हैं. एनिमेशन रुकने के बाद, यह तरीका वापस आ जाता है. |
इवेंट | |
---|---|
gmp-animationend |
function(animationEndEvent) आर्ग्युमेंट:
यह इवेंट, फ़्लाय ऐनिमेशन खत्म होने पर ट्रिगर होता है. यह इवेंट, डीओएम ट्री के ज़रिए ऊपर की ओर बढ़ता है. |
gmp-centerchange |
function(centerChangeEvent) आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Map3DElement की सेंटर प्रॉपर्टी बदल जाती है. |
gmp-click |
function(clickEvent) आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Map3DElement एलिमेंट पर क्लिक किया जाता है. |
gmp-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 |
defaultUIDisabled optional |
टाइप:
boolean optional |
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 देखें. |
FlyAroundAnimationOptions इंटरफ़ेस
google.maps.maps3d.FlyAroundAnimationOptions
इंटरफ़ेस
FlyCameraAround ऐनिमेशन को पसंद के मुताबिक बनाने के विकल्प.
प्रॉपर्टी | |
---|---|
camera |
टाइप:
CameraOptions ऑर्बिट ऐनिमेशन के दौरान, कैमरे को जिस मुख्य बिंदु पर फ़ोकस करना है. ध्यान दें कि कैमरे के इस सेंटर पॉइंट के चारों ओर घूमने पर, मैप की हेडिंग बदल जाएगी. |
durationMillis optional |
टाइप:
number optional ऐनिमेशन की अवधि मिलीसेकंड में. यह ऐनिमेशन की कुल अवधि है, न कि एक बार घूमने में लगने वाला समय. |
rounds optional |
टाइप:
number optional दी गई अवधि में, केंद्र के चारों ओर घूमने के लिए राउंड की संख्या. इससे रोटेशन की कुल स्पीड कंट्रोल होती है. राउंड फ़ंक्शन में नेगेटिव संख्या देने पर, कैमरा घड़ी की सुई की दिशा के बजाय, घड़ी की उल्टी दिशा में घूमेगा. |
FlyToAnimationOptions के इंटरफ़ेस की जानकारी
google.maps.maps3d.FlyToAnimationOptions
इंटरफ़ेस
FlyCameraTo ऐनिमेशन को पसंद के मुताबिक बनाने के विकल्प.
प्रॉपर्टी | |
---|---|
endCamera |
टाइप:
CameraOptions वह जगह जहां ऐनिमेशन के आखिर में कैमरे को ले जाना है. |
durationMillis optional |
टाइप:
number optional ऐनिमेशन की अवधि मिलीसेकंड में. 0 की अवधि से कैमरे को सीधे आखिरी पोज़िशन पर भेजा जाएगा. |
CameraOptions के इंटरफ़ेस
google.maps.maps3d.CameraOptions
इंटरफ़ेस
CameraOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें कैमरा ऑब्जेक्ट पर सेट किया जा सकता है. कैमरा ऑब्जेक्ट, ऐसी कोई भी चीज़ हो सकती है जिसमें कैमरे की कोई पोज़िशन हो. जैसे, मैप की मौजूदा स्थिति या आने वाले समय में मांगी जाने वाली ऐनिमेशन की स्थिति.
प्रॉपर्टी | |
---|---|
center optional |
टाइप:
LatLngAltitude|LatLngAltitudeLiteral optional Map3DElement.center देखें. |
heading optional |
टाइप:
number optional Map3DElement.heading देखें. |
range optional |
टाइप:
number optional Map3DElement.range देखें. |
roll optional |
टाइप:
number optional Map3DElement.roll देखें. |
tilt optional |
टाइप:
number optional Map3DElement.tilt देखें. |
SteadyChangeEvent class
google.maps.maps3d.SteadyChangeEvent
क्लास
यह इवेंट, Map3DElement
के स्टेडी स्टेट को मॉनिटर करने से बनता है. यह इवेंट, डीओएम ट्री के ज़रिए ऊपर की ओर बढ़ता है.
यह क्लास Event
तक चलेगी.
const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d")
को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
प्रॉपर्टी | |
---|---|
isSteady |
टाइप:
boolean यह बताता है कि Map3DElement स्टेबल है या नहीं. इसका मतलब है कि मौजूदा सीन की सभी रेंडरिंग पूरी हो गई है या नहीं. |
LocationClickEvent क्लास
google.maps.maps3d.LocationClickEvent
क्लास
यह इवेंट, Map3DElement पर क्लिक करके बनाया गया है.
इस क्लास में
Event
शामिल हैं.
const {LocationClickEvent} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
प्रॉपर्टी | |
---|---|
position |
टाइप:
LatLngAltitude optional इवेंट होने के समय कर्सर के नीचे मौजूद अक्षांश/देशांतर/ऊंचाई. कृपया ध्यान दें कि कम लेवल पर, कम सटीक डेटा दिखेगा. साथ ही, कैमरे की ऊंची पोज़िशन से पानी की सतह पर क्लिक करने पर, ऊंचाई की वैल्यू के तौर पर समुद्र के फ़्लोर की ऊंचाई दिख सकती है. यह इवेंट, डीओएम ट्री के ज़रिए ऊपर की ओर बढ़ता है. |
PlaceClickEvent क्लास
google.maps.maps3d.PlaceClickEvent
क्लास
यह इवेंट, Map3DElement पर क्लिक करके बनाया गया है.
इस क्लास में
LocationClickEvent
शामिल हैं.
const {PlaceClickEvent} = await google.maps.importLibrary("maps3d")
को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
प्रॉपर्टी | |
---|---|
placeId |
टाइप:
string मैप की सुविधा का प्लेस आईडी. |
इनहेरिट किया गया:
position
|
तरीके | |
---|---|
fetchPlace |
fetchPlace() पैरामीटर: कोई नहीं
इस प्लेस आईडी के लिए Place फ़ेच करता है. इससे मिलने वाले Place ऑब्जेक्ट में, आईडी प्रॉपर्टी अपने-आप भर जाएगी. Place.fetchFields() के ज़रिए, अतिरिक्त फ़ील्ड के लिए अनुरोध किया जा सकता है. हालांकि, इसके लिए Places API को चालू करना और बिलिंग करना ज़रूरी है. अगर Place को फ़ेच करने में कोई गड़बड़ी होती है, तो वादा अस्वीकार कर दिया जाता है. |
Marker3DElement class
google.maps.maps3d.Marker3DElement
क्लास
3D मैप पर कोई जगह दिखाता है. ध्यान दें कि Marker3DElement
दिखाने के लिए, position
को सेट करना ज़रूरी है.
कस्टम एलिमेंट:
<gmp-marker-3d altitude-mode="absolute" collision-behavior="required" draws-when-occluded extruded label="string" size-preserved z-index="number"></gmp-marker-3d>
इस क्लास में
HTMLElement
शामिल हैं.
यह क्लास,
Marker3DElementOptions
को लागू करती है.
const {Marker3DElement} = await google.maps.importLibrary("maps3d")
को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
निर्माता | |
---|---|
Marker3DElement |
Marker3DElement([options]) पैरामीटर:
दिए गए विकल्पों के साथ Marker3DElement बनाता है. |
प्रॉपर्टी | |
---|---|
altitudeMode |
टाइप:
AltitudeMode optional डिफ़ॉल्ट:
AltitudeMode.CLAMP_TO_GROUND बताता है कि पोज़िशन के ऐल्टिट्यूड कॉम्पोनेंट को कैसे समझा जाता है.
एचटीएमएल एट्रिब्यूट:
|
collisionBehavior |
टाइप:
CollisionBehavior optional डिफ़ॉल्ट:
CollisionBehavior.REQUIRED ऐसी जानकारी जिसमें यह बताया गया है कि किसी मार्कर3DElement को कैसे काम करना चाहिए, जब यह किसी अन्य मार्कर3DElement या बुनियादी मैप लेबल से टकराता है.
एचटीएमएल एट्रिब्यूट:
|
drawsWhenOccluded |
टाइप:
boolean optional डिफ़ॉल्ट:
false तय करता है कि इस मार्कर को शामिल न किए जाने पर इसे बनाया जाना चाहिए या नहीं. मार्कर को मैप की ज्यामिति (जैसे कि इमारतें) से रोका जा सकता है.
एचटीएमएल एट्रिब्यूट:
|
extruded |
टाइप:
boolean optional डिफ़ॉल्ट:
false तय करता है कि मार्कर को ग्राउंड से कनेक्ट करना है या नहीं. मार्कर को एक्सट्रूज़न करने के लिए,
altitudeMode की वैल्यू RELATIVE_TO_GROUND या ABSOLUTE होनी चाहिए.एचटीएमएल एट्रिब्यूट:
|
label |
टाइप:
string optional इस मार्कर से दिखाया जाने वाला टेक्स्ट.
एचटीएमएल एट्रिब्यूट:
|
position |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional मार्कर के सिरे का स्थान. ऊंचाई को कुछ मोड में अनदेखा किया जाता है और इसलिए वैकल्पिक होता है. |
sizePreserved |
टाइप:
boolean optional डिफ़ॉल्ट:
false तय करता है कि इस मार्कर को अपना साइज़ सुरक्षित रखना चाहिए या नहीं. भले ही, कैमरे से दूरी कुछ भी हो. डिफ़ॉल्ट रूप से, मार्कर को कैमरे/टिल्ट से दूरी के आधार पर स्केल किया जाता है.
एचटीएमएल एट्रिब्यूट:
|
zIndex |
टाइप:
number optional अन्य मार्कर की तुलना में zIndex.
एचटीएमएल एट्रिब्यूट:
|
स्लॉट मशीन | |
---|---|
default |
Marker3DElement में सीधे तौर पर जोड़े गए कस्टम एलिमेंट को स्लॉट किया जाएगा. हालांकि, मार्कर बनाने के लिए सिर्फ़ HTMLImageElement , SVGElement , और PinElement टाइप के एलिमेंट का इस्तेमाल किया जाएगा. अन्य एलिमेंट को अनदेखा कर दिया जाएगा. Marker3DElement के डिफ़ॉल्ट स्लॉट में असाइन करने से पहले, HTMLImageElement , और SVGElement को <template> एलिमेंट में रैप करना होगा. फ़िलहाल, 3D सीन में रेंडर होने से पहले इमेज और SVG इमेज को रास्टराइज़ किया जाता है. इसलिए, इमेज में जोड़े गए SVG या सीएसएस क्लास में एम्बेड किया गया कस्टम एचटीएमएल लागू नहीं होगा. साथ ही, हो सकता है कि स्क्रीन पर मार्कर दिखने पर वे न दिखें. |
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाए जाने वाले आइटम की वैल्यू:
void एक फ़ंक्शन सेट करता है, जिसे तब कॉल किया जाएगा, जब तय किया गया इवेंट टारगेट को डिलीवर किया जाएगा. addEventListener देखें |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
रिटर्न वैल्यू:
void टारगेट से, पहले से addEventListener के साथ रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें |
Marker3DElementOptions इंटरफ़ेस
google.maps.maps3d.Marker3DElementOptions
इंटरफ़ेस
Marker3DElementOptions ऑब्जेक्ट का इस्तेमाल, Marker3DElement पर सेट की जा सकने वाली प्रॉपर्टी तय करने के लिए किया जाता है.
प्रॉपर्टी | |
---|---|
altitudeMode optional |
टाइप:
AltitudeMode optional Marker3DElement.altitudeMode देखें. |
collisionBehavior optional |
टाइप:
CollisionBehavior optional |
drawsWhenOccluded optional |
टाइप:
boolean optional |
extruded optional |
टाइप:
boolean optional Marker3DElement.extruded देखें. |
label optional |
टाइप:
string optional Marker3DElement.label देखें. |
position optional |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Marker3DElement.position देखें. |
sizePreserved optional |
टाइप:
boolean optional |
zIndex optional |
टाइप:
number optional Marker3DElement.zIndex देखें. |
Marker3DInteractiveElement क्लास
google.maps.maps3d.Marker3DInteractiveElement
क्लास
3D मैप पर स्थिति दिखाता है. ध्यान दें कि Marker3DInteractiveElement
को दिखाने के लिए, position
को सेट किया जाना चाहिए. Marker3DElement
के उलट, Marker3DInteractiveElement
को gmp-click
इवेंट मिलता है.
कस्टम एलिमेंट:
<gmp-marker-3d-interactive></gmp-marker-3d-interactive>
यह क्लास Marker3DElement
तक चलेगी.
यह क्लास,
Marker3DInteractiveElementOptions
को लागू करती है.
const {Marker3DInteractiveElement} = await google.maps.importLibrary("maps3d")
पर कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
निर्माता | |
---|---|
Marker3DInteractiveElement |
Marker3DInteractiveElement([options]) पैरामीटर:
तय किए गए विकल्पों के साथ Marker3DInteractiveElement बनाता है. |
प्रॉपर्टी | |
---|---|
इनहेरिट की गई:
altitudeMode ,
collisionBehavior ,
drawsWhenOccluded ,
extruded ,
label ,
position ,
sizePreserved ,
zIndex
|
स्लॉट मशीन | |
---|---|
default |
Marker3DInteractiveElement में सीधे तौर पर जोड़े गए कस्टम एलिमेंट स्लॉट किए जाएंगे. हालांकि, मार्कर बनाने के लिए सिर्फ़ PinElement टाइप के एलिमेंट का इस्तेमाल किया जाएगा. अन्य एलिमेंट को अनदेखा कर दिया जाएगा. |
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाए जाने वाले आइटम की वैल्यू:
void यह एक फ़ंक्शन सेट अप करता है, जिसे टारगेट पर तय इवेंट डिलीवर होने पर कॉल किया जाएगा. addEventListener देखें |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाए जाने वाले आइटम की वैल्यू:
void टारगेट से, पहले से addEventListener के साथ रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें |
इवेंट | |
---|---|
gmp-click |
function(clickEvent) आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Marker3DInteractiveElement एलिमेंट पर क्लिक किया जाता है. |
Marker3DInteractiveElementOptions इंटरफ़ेस
google.maps.maps3d.Marker3DInteractiveElementOptions
इंटरफ़ेस
Marker3DInteractiveElementOptions ऑब्जेक्ट का इस्तेमाल, Marker3DInteractiveElement पर सेट की जा सकने वाली प्रॉपर्टी तय करने के लिए किया जाता है.
यह इंटरफ़ेस Marker3DElementOptions
के साथ काम करता है.
प्रॉपर्टी | |
---|---|
इनहेरिट की गई:
altitudeMode ,
collisionBehavior ,
drawsWhenOccluded ,
extruded ,
label ,
position ,
sizePreserved ,
zIndex
|
Model3DElement क्लास
google.maps.maps3d.Model3DElement
क्लास
ऐसा 3D मॉडल जिससे gLTF मॉडल रेंडर किए जा सकते हैं. ध्यान दें कि Model3DElement
दिखाने के लिए, position
और src
को सेट करना ज़रूरी है.
gLTF PBR की मुख्य प्रॉपर्टी काम करती होनी चाहिए. फ़िलहाल, कोई भी एक्सटेंशन या एक्सटेंशन प्रॉपर्टी काम नहीं करती.
कस्टम एलिमेंट:
<gmp-model-3d altitude-mode="absolute" src="src"></gmp-model-3d>
यह क्लास HTMLElement
तक चलेगी.
इस क्लास में Model3DElementOptions
लागू होता है.
const {Model3DElement} = await google.maps.importLibrary("maps3d")
को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
निर्माता | |
---|---|
Model3DElement |
Model3DElement([options]) पैरामीटर:
तय किए गए विकल्पों के साथ Model3DElement बनाता है. |
प्रॉपर्टी | |
---|---|
altitudeMode |
टाइप:
AltitudeMode optional डिफ़ॉल्ट:
AltitudeMode.CLAMP_TO_GROUND इससे पता चलता है कि पोज़िशन में ऊंचाई का पता कैसे लगाया जाता है.
एचटीएमएल एट्रिब्यूट:
|
orientation |
टाइप:
Orientation3D|Orientation3DLiteral optional 3D मॉडल को 3D मैप पर पोज़िशन करने के लिए, 3D मॉडल के निर्देशांक सिस्टम के रोटेशन के बारे में बताता है. मॉडल में रोटेशन इस क्रम में लागू होते हैं: घुमाएं, झुकाएं, और फिर हेडिंग. |
position |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Model3DElement की पोज़िशन सेट करता है. कुछ मोड में ऊंचाई की जानकारी को अनदेखा किया जाता है. इसलिए, इसे देना ज़रूरी नहीं है. |
scale |
टाइप:
number|Vector3D|Vector3DLiteral optional डिफ़ॉल्ट:
1 मॉडल के कॉर्डिनेट स्पेस में, x, y, और z ऐक्सिस के साथ मॉडल को स्केल करता है. |
src |
टाइप:
string|URL optional 3D मॉडल का यूआरएल बताता है. फ़िलहाल, सिर्फ़
.glb फ़ॉर्मैट वाले मॉडल काम करते हैं. किसी भी रिलेटिव एचटीटीपी यूआरएल को उसके एब्सोलूट यूआरएल में बदल दिया जाएगा. कृपया ध्यान दें कि अगर .glb मॉडल फ़ाइलों को अपने मुख्य ऐप्लिकेशन से अलग वेबसाइट या सर्वर पर होस्ट किया जा रहा है, तो सही सीओआरएस एचटीटीपी हेडर सेट अप करना न भूलें. इससे आपके ऐप्लिकेशन को दूसरे डोमेन से मॉडल फ़ाइलों को सुरक्षित तरीके से ऐक्सेस करने में मदद मिलती है.एचटीएमएल एट्रिब्यूट:
|
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाए जाने वाले आइटम की वैल्यू:
void एक फ़ंक्शन सेट करता है, जिसे तब कॉल किया जाएगा, जब तय किया गया इवेंट टारगेट को डिलीवर किया जाएगा. addEventListener देखें |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
रिटर्न वैल्यू:
void टारगेट से, पहले से addEventListener के साथ रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें |
Model3DElementOptions इंटरफ़ेस
google.maps.maps3d.Model3DElementOptions
इंटरफ़ेस
Model3DElementOptions ऑब्जेक्ट का इस्तेमाल, Model3DElement पर सेट की जा सकने वाली प्रॉपर्टी तय करने के लिए किया जाता है.
प्रॉपर्टी | |
---|---|
altitudeMode optional |
टाइप:
AltitudeMode optional Model3DElement.altitudeMode देखें. |
orientation optional |
टाइप:
Orientation3D|Orientation3DLiteral optional Model3DElement.orientation देखें. |
position optional |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Model3DElement.position देखें. |
scale optional |
टाइप:
number|Vector3D|Vector3DLiteral optional Model3DElement.scale देखें. |
src optional |
टाइप:
string|URL optional Model3DElement.src देखें. |
Polyline3DElement class
google.maps.maps3d.Polyline3DElement
क्लास
3D पॉलीलाइन, 3D मैप पर कनेक्ट किए गए लाइन सेगमेंट का लीनियर ओवरले होता है.
कस्टम एलिमेंट:
<gmp-polyline-3d altitude-mode="absolute" draws-occluded-segments extruded geodesic outer-color="string" outer-width="number" stroke-color="string" stroke-width="number" z-index="number"></gmp-polyline-3d>
इस क्लास में
HTMLElement
शामिल हैं.
यह क्लास,
Polyline3DElementOptions
को लागू करती है.
const {Polyline3DElement} = await google.maps.importLibrary("maps3d")
को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
निर्माता | |
---|---|
Polyline3DElement |
Polyline3DElement([options]) पैरामीटर:
तय किए गए विकल्पों के साथ Polyline3DElement बनाता है. |
प्रॉपर्टी | |
---|---|
altitudeMode |
टाइप:
AltitudeMode optional डिफ़ॉल्ट:
AltitudeMode.ABSOLUTE इससे पता चलता है कि निर्देशांकों में ऊंचाई के कॉम्पोनेंट का विश्लेषण कैसे किया जाता है.
एचटीएमएल एट्रिब्यूट:
|
coordinates |
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional पॉलीलाइन के निर्देशांकों का क्रमबद्ध क्रम. कुछ मोड में ऊंचाई की जानकारी को अनदेखा किया जाता है. इसलिए, इसे देना ज़रूरी नहीं है. |
drawsOccludedSegments |
टाइप:
boolean optional डिफ़ॉल्ट:
false इससे पता चलता है कि पॉलीलाइन के किन हिस्सों को दिखाया जाए और किन हिस्सों को नहीं. पॉलीलाइन को मैप की ज्यामिति (जैसे, इमारतें) से रोका जा सकता है.
एचटीएमएल एट्रिब्यूट:
|
extruded |
टाइप:
boolean optional डिफ़ॉल्ट:
false इससे यह तय होता है कि पॉलीलाइन को ज़मीन से कनेक्ट करना है या नहीं. पॉलीलाइन बाहर निकालने के लिए,
altitudeMode या तो RELATIVE_TO_GROUND या ABSOLUTE होना चाहिए.एचटीएमएल एट्रिब्यूट:
|
geodesic |
टाइप:
boolean optional डिफ़ॉल्ट:
false जब
true , पॉलीलाइन के किनारे जियोडेसिक होते हैं और वे पृथ्वी के वक्र के अनुसार होते हैं. false के तौर पर सेट करने पर, पॉलीलाइन के किनारों को स्क्रीन स्पेस में सीधी रेखाओं के तौर पर रेंडर किया जाता है.एचटीएमएल एट्रिब्यूट:
|
outerColor |
टाइप:
string optional फ़ोन का बाहरी रंग. सीएसएस3 के सभी रंग इस्तेमाल किए जा सकते हैं.
एचटीएमएल एट्रिब्यूट:
|
outerWidth |
टाइप:
number optional आउटर विड्थ
0.0 और 1.0 के बीच होनी चाहिए. यह strokeWidth का प्रतिशत है.एचटीएमएल एट्रिब्यूट:
|
strokeColor |
टाइप:
string optional स्ट्रोक का रंग. सीएसएस3 के सभी रंग इस्तेमाल किए जा सकते हैं.
एचटीएमएल एट्रिब्यूट:
|
strokeWidth |
टाइप:
number optional स्ट्रोक की चौड़ाई, पिक्सल में.
एचटीएमएल एट्रिब्यूट:
|
zIndex |
टाइप:
number optional दूसरे पॉली की तुलना में zIndex.
एचटीएमएल एट्रिब्यूट:
|
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाए जाने वाले आइटम की वैल्यू:
void यह एक फ़ंक्शन सेट अप करता है, जिसे टारगेट पर तय इवेंट डिलीवर होने पर कॉल किया जाएगा. addEventListener देखें |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
रिटर्न वैल्यू:
void टारगेट से, पहले से addEventListener के साथ रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें |
Polyline3DElementOptions इंटरफ़ेस
google.maps.maps3d.Polyline3DElementOptions
इंटरफ़ेस
Polyline3DElementOptions ऑब्जेक्ट, ऐसी प्रॉपर्टी तय करने के लिए इस्तेमाल किया जाता है जिन्हें Polyline3DElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
---|---|
altitudeMode optional |
टाइप:
AltitudeMode optional |
coordinates optional |
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional |
drawsOccludedSegments optional |
टाइप:
boolean optional |
extruded optional |
टाइप:
boolean optional Polyline3DElement.extruded देखें. |
geodesic optional |
टाइप:
boolean optional Polyline3DElement.geodesic देखें. |
outerColor optional |
टाइप:
string optional Polyline3DElement.outerColor देखें. |
outerWidth optional |
टाइप:
number optional Polyline3DElement.outerWidth देखें. |
strokeColor optional |
टाइप:
string optional |
strokeWidth optional |
टाइप:
number optional |
zIndex optional |
टाइप:
number optional Polyline3DElement.zIndex देखें. |
Polygon3DElement class
google.maps.maps3d.Polygon3DElement
क्लास
3D पॉलीगॉन (जैसे कि 3D पॉलीलाइन), क्रम से जुड़े निर्देशांकों की एक सीरीज़ तय करता है. इसके अलावा, पॉलीगॉन एक बंद लूप बनाते हैं और भरे हुए इलाके की जानकारी देते हैं.
कस्टम एलिमेंट:
<gmp-polygon-3d altitude-mode="absolute" draws-occluded-segments extruded fill-color="string" geodesic stroke-color="string" stroke-width="number" z-index="number"></gmp-polygon-3d>
यह क्लास HTMLElement
तक चलेगी.
इस क्लास में Polygon3DElementOptions
लागू होता है.
const {Polygon3DElement} = await google.maps.importLibrary("maps3d")
को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
निर्माता | |
---|---|
Polygon3DElement |
Polygon3DElement([options]) पैरामीटर:
तय किए गए विकल्पों के साथ Polygon3DElement बनाता है. |
प्रॉपर्टी | |
---|---|
altitudeMode |
टाइप:
AltitudeMode optional डिफ़ॉल्ट:
AltitudeMode.ABSOLUTE इससे पता चलता है कि निर्देशांकों में ऊंचाई के कॉम्पोनेंट का विश्लेषण कैसे किया जाता है.
एचटीएमएल एट्रिब्यूट:
|
drawsOccludedSegments |
टाइप:
boolean optional डिफ़ॉल्ट:
false इससे पता चलता है कि पॉलीगॉन के किन हिस्सों को दिखाया गया है और किन हिस्सों को नहीं. मैप की ज्यामिति (जैसे, इमारतें) की वजह से पॉलीगॉन छिप सकते हैं.
एचटीएमएल एट्रिब्यूट:
|
extruded |
टाइप:
boolean optional डिफ़ॉल्ट:
false इससे यह तय होता है कि पॉलीगॉन को ज़मीन से कनेक्ट करना है या नहीं. किसी पॉलीगॉन को बाहर निकालने के लिए,
altitudeMode को RELATIVE_TO_GROUND या ABSOLUTE होना चाहिए.एचटीएमएल एट्रिब्यूट:
|
fillColor |
टाइप:
string optional भरने का रंग. सीएसएस3 के सभी रंग इस्तेमाल किए जा सकते हैं.
एचटीएमएल एट्रिब्यूट:
|
geodesic |
टाइप:
boolean optional डिफ़ॉल्ट:
false true होने पर, पॉलीगॉन के किनारों को जियोडेसिक के तौर पर समझा जाता है और वे पृथ्वी के वक्रता के हिसाब से होंगे. false के तौर पर सेट करने पर, पॉलीगॉन के किनारों को स्क्रीन स्पेस में सीधी रेखाओं के तौर पर रेंडर किया जाता है.एचटीएमएल एट्रिब्यूट:
|
innerCoordinates |
टाइप:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional निर्देशांक का क्रम, जो एक बंद लूप को दिखाता है. पॉलीलाइन के उलट, पॉलीगॉन में एक या उससे ज़्यादा पाथ हो सकते हैं. इनसे पॉलीगॉन में कई कट-आउट बनते हैं. |
outerCoordinates |
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional निर्देशांक का क्रम, जो एक बंद लूप को दिखाता है. कुछ मोड में ऊंचाई की जानकारी को अनदेखा किया जाता है. इसलिए, इसे देना ज़रूरी नहीं है. |
strokeColor |
टाइप:
string optional स्ट्रोक का रंग. सीएसएस3 के सभी रंग इस्तेमाल किए जा सकते हैं.
एचटीएमएल एट्रिब्यूट:
|
strokeWidth |
टाइप:
number optional स्ट्रोक की चौड़ाई, पिक्सल में.
एचटीएमएल एट्रिब्यूट:
|
zIndex |
टाइप:
number optional दूसरे पॉली की तुलना में zIndex.
एचटीएमएल एट्रिब्यूट:
|
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
लौटाए जाने वाले आइटम की वैल्यू:
void एक फ़ंक्शन सेट करता है, जिसे तब कॉल किया जाएगा, जब तय किया गया इवेंट टारगेट को डिलीवर किया जाएगा. addEventListener देखें |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
रिटर्न वैल्यू:
void टारगेट से, पहले से addEventListener के साथ रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें |
Polygon3DElementOptions इंटरफ़ेस
google.maps.maps3d.Polygon3DElementOptions
इंटरफ़ेस
पॉलीगॉन3DElementOptions ऑब्जेक्ट, उन प्रॉपर्टी को तय करने के लिए इस्तेमाल किया जाता है जिन्हें पॉलीगॉन3DElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
---|---|
altitudeMode optional |
टाइप:
AltitudeMode optional |
drawsOccludedSegments optional |
टाइप:
boolean optional |
extruded optional |
टाइप:
boolean optional Polygon3DElement.extruded देखें. |
fillColor optional |
टाइप:
string optional Polygon3DElement.fillColor देखें. |
geodesic optional |
टाइप:
boolean optional Polygon3DElement.geodesic देखें. |
innerCoordinates optional |
टाइप:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral>|Iterable<LatLngLiteral>> optional |
outerCoordinates optional |
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional |
strokeColor optional |
टाइप:
string optional Polygon3DElement.strokeColor देखें. |
strokeWidth optional |
टाइप:
number optional Polygon3DElement.strokeWidth देखें. |
zIndex optional |
टाइप:
number optional Polygon3DElement.zIndex देखें. |
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 |
इससे, ज़मीन+इमारत+पानी की सतह के सबसे ऊंचे हिस्से के हिसाब से ऑब्जेक्ट दिखाए जा सकते हैं. जब पानी के ऊपर होगा, तब यह पानी की सतह होगा; इलाके के ऊपर, जब यह इमारत की सतह (अगर मौजूद हो) होगी या ज़मीन की सतह (अगर कोई इमारत नहीं होगी) होगी. |