Map3DElement class
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,170,000 मीटर, ज़्यादा से ज़्यादा ऊंचाई है. यह धरती की त्रिज्या को 10 से गुणा करके मिला है.एचटीएमएल एट्रिब्यूट:
|
defaultLabelsDisabled |
टाइप:
boolean optionalडिफ़ॉल्ट:
falsetrue होने पर, मैप के डिफ़ॉल्ट लेबल रेंडर नहीं होते.एचटीएमएल एट्रिब्यूट:
|
defaultUIDisabled |
टाइप:
boolean optionalडिफ़ॉल्ट:
falsetrue होने पर, यूज़र इंटरफ़ेस (यूआई) के सभी डिफ़ॉल्ट बटन बंद हो जाते हैं. कीबोर्ड और जेस्चर कंट्रोल बंद नहीं करता.एचटीएमएल एट्रिब्यूट:
|
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(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक फ़ंक्शन सेट अप करता है, जिसे टारगेट पर तय इवेंट डिलीवर होने पर कॉल किया जाएगा. addEventListener देखें |
flyCameraAround |
flyCameraAround(options)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस तरीके में, कैमरे को किसी तय समय के लिए किसी तय जगह के चारों ओर घुमाया जाता है. साथ ही, उस समय में तय राउंड पूरे किए जाते हैं. डिफ़ॉल्ट रूप से, कैमरा घड़ी की सुई की दिशा में घूमता है. अगर राउंड के लिए कोई नेगेटिव संख्या दी जाती है, तो कैमरा घड़ी की सुई के उलट दिशा में घूमेगा. यह तरीका असाइनोक्रोनस है, क्योंकि ऐनिमेशन सिर्फ़ तब शुरू हो सकते हैं, जब मैप कम से कम लोड हो जाए. ऐनिमेशन शुरू होने के बाद, यह तरीका वापस आ जाता है. अगर राउंड की संख्या शून्य है, तो कोई स्पिन नहीं होगा और ऐनिमेशन शुरू होने के तुरंत बाद पूरा हो जाएगा. |
flyCameraTo |
flyCameraTo(options)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस तरीके से, कैमरे को मौजूदा जगह से किसी तय समय में, तय जगह पर पैराबोलिक तरीके से ले जाया जाता है. यह तरीका असाइनोक्रोनस है, क्योंकि ऐनिमेशन सिर्फ़ तब शुरू हो सकते हैं, जब मैप कम से कम लोड हो जाए. ऐनिमेशन शुरू होने के बाद, यह तरीका वापस आ जाता है. |
|
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidटारगेट से, पहले से addEventListener के साथ रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें |
stopCameraAnimation |
stopCameraAnimation()पैरामीटर: कोई नहीं
रिटर्न वैल्यू: कोई नहीं
इस तरीके से, चल रहे किसी भी फ़्लाई ऐनिमेशन को रोका जा सकता है. कैमरा, ऐनिमेशन के बीच में जहां होता है वहीं रहता है. यह आखिरी पॉइंट पर टेलीपोर्ट नहीं होता. यह तरीका असाइनोक्रोनस है, क्योंकि ऐनिमेशन सिर्फ़ तब शुरू या बंद हो सकते हैं, जब मैप कम से कम लोड हो गया हो. एनिमेशन रुकने के बाद, यह तरीका वापस आ जाता है. |
इवेंट | |
|---|---|
gmp-animationend |
function(animationEndEvent)आर्ग्युमेंट:
यह इवेंट, फ़्लाय ऐनिमेशन खत्म होने पर ट्रिगर होता है. यह इवेंट, डीओएम ट्री के ज़रिए ऊपर की ओर बढ़ता है. |
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 optionalMap3DElement.bounds देखें. |
center optional |
टाइप:
LatLngAltitude|LatLngAltitudeLiteral optionalMap3DElement.center देखें. |
defaultLabelsDisabled optional |
टाइप:
boolean optional |
defaultUIDisabled optional |
टाइप:
boolean optional |
heading optional |
टाइप:
number optionalMap3DElement.heading देखें. |
maxAltitude optional |
टाइप:
number optionalMap3DElement.maxAltitude देखें. |
maxHeading optional |
टाइप:
number optionalMap3DElement.maxHeading देखें. |
maxTilt optional |
टाइप:
number optionalMap3DElement.maxTilt देखें. |
minAltitude optional |
टाइप:
number optionalMap3DElement.minAltitude देखें. |
minHeading optional |
टाइप:
number optionalMap3DElement.minHeading देखें. |
minTilt optional |
टाइप:
number optionalMap3DElement.minTilt देखें. |
range optional |
टाइप:
number optionalMap3DElement.range देखें. |
roll optional |
टाइप:
number optionalMap3DElement.roll देखें. |
tilt optional |
टाइप:
number optionalMap3DElement.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 optionalMap3DElement.center देखें. |
heading optional |
टाइप:
number optionalMap3DElement.heading देखें. |
range optional |
टाइप:
number optionalMap3DElement.range देखें. |
roll optional |
टाइप:
number optionalMap3DElement.roll देखें. |
tilt optional |
टाइप:
number optionalMap3DElement.tilt देखें. |
SteadyChangeEvent class
google.maps.maps3d.SteadyChangeEvent
क्लास
यह इवेंट, Map3DElement के स्टेडी स्टेट को मॉनिटर करने से बनता है. यह इवेंट, डीओएम ट्री के ज़रिए ऊपर की ओर बढ़ता है.
यह क्लास Event तक चलेगी.
const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d") को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
प्रॉपर्टी | |
|---|---|
isSteady |
टाइप:
booleanइससे पता चलता है कि Map3DElement स्थिर है या नहीं. इसका मतलब है कि मौजूदा सीन के लिए रेंडरिंग पूरी हो गई है या नहीं. |
LocationClickEvent class
google.maps.maps3d.LocationClickEvent
क्लास
यह इवेंट, Map3DElement पर क्लिक करने से बनता है.
यह क्लास Event तक चलेगी.
const {LocationClickEvent} = await google.maps.importLibrary("maps3d") को कॉल करके ऐक्सेस करें. Maps JavaScript API में लाइब्रेरी देखें.
प्रॉपर्टी | |
|---|---|
position |
टाइप:
LatLngAltitude optionalइवेंट होने के समय कर्सर के नीचे मौजूद अक्षांश/देशांतर/ऊंचाई. कृपया ध्यान दें कि कम डेटा लेवल पर, कम सटीक डेटा दिखेगा. साथ ही, कैमरे की ऊंची पोज़िशन से पानी की सतह पर क्लिक करने पर, ऊंचाई की वैल्यू के तौर पर समुद्र के फ़्लोर की ऊंचाई दिख सकती है. यह इवेंट, डीओएम ट्री के ज़रिए ऊपर की ओर बढ़ता है. |
PlaceClickEvent class
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यह एक एनोटेशन है, जिसमें बताया गया है कि जब Marker3DElement किसी दूसरे Marker3DElement या बेसमैप लेबल से टकराता है, तो उसे कैसे व्यवहार करना चाहिए.
एचटीएमएल एट्रिब्यूट:
|
drawsWhenOccluded |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseइससे पता चलता है कि किसी ऑब्जेक्ट से छिपे होने पर, इस मार्कर को दिखाना चाहिए या नहीं. मार्कर को मैप की ज्यामिति (जैसे, इमारतें) से छिपा जा सकता है.
एचटीएमएल एट्रिब्यूट:
|
extruded |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseइससे पता चलता है कि मार्कर को ग्राउंड से कनेक्ट करना है या नहीं. मार्कर को एक्सट्रूज़न करने के लिए,
altitudeMode की वैल्यू RELATIVE_TO_GROUND या ABSOLUTE होनी चाहिए.एचटीएमएल एट्रिब्यूट:
|
label |
टाइप:
string optionalइस मार्कर से दिखाया जाने वाला टेक्स्ट.
एचटीएमएल एट्रिब्यूट:
|
position |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalमार्कर के टिप की जगह. कुछ मोड में ऊंचाई की जानकारी को अनदेखा किया जाता है. इसलिए, इसे देना ज़रूरी नहीं है. |
sizePreserved |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseइससे यह तय होता है कि कैमरे से दूरी के बावजूद, इस मार्कर का साइज़ एक जैसा रहेगा या नहीं. डिफ़ॉल्ट रूप से, मार्कर को कैमरे/टिल्ट से दूरी के आधार पर स्केल किया जाता है.
एचटीएमएल एट्रिब्यूट:
|
zIndex |
टाइप:
number optionalअन्य मार्कर की तुलना में zIndex.
एचटीएमएल एट्रिब्यूट:
|
स्लॉट मशीन | |
|---|---|
default |
Marker3DElement में सीधे तौर पर जोड़े गए कस्टम एलिमेंट को स्लॉट किया जाएगा. हालांकि, मार्कर बनाने के लिए सिर्फ़ HTMLImageElement, SVGElement, और PinElement टाइप के एलिमेंट का इस्तेमाल किया जाएगा. अन्य एलिमेंट को अनदेखा कर दिया जाएगा. Marker3DElement के डिफ़ॉल्ट स्लॉट में असाइन करने से पहले, HTMLImageElement, और SVGElement को <template> एलिमेंट में रैप करना होगा. फ़िलहाल, इमेज और एसवीजी को 3D सीन में रेंडर करने से पहले, उन्हें रेस्टर किया जाता है. इसलिए, इमेज में जोड़ी गई एसवीजी या सीएसएस क्लास में एम्बेड किया गया कस्टम एचटीएमएल लागू नहीं होगा. साथ ही, हो सकता है कि स्क्रीन पर मार्कर दिखाए जाने पर, वह न दिखे. |
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक फ़ंक्शन सेट अप करता है, जिसे टारगेट पर तय इवेंट डिलीवर होने पर कॉल किया जाएगा. addEventListener देखें |
|
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidटारगेट से, पहले से addEventListener के साथ रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें |
Marker3DElementOptions इंटरफ़ेस
google.maps.maps3d.Marker3DElementOptions
इंटरफ़ेस
Marker3DElementOptions ऑब्जेक्ट का इस्तेमाल, Marker3DElement पर सेट की जा सकने वाली प्रॉपर्टी तय करने के लिए किया जाता है.
प्रॉपर्टी | |
|---|---|
altitudeMode optional |
टाइप:
AltitudeMode optionalMarker3DElement.altitudeMode देखें. |
collisionBehavior optional |
टाइप:
CollisionBehavior optional |
drawsWhenOccluded optional |
टाइप:
boolean optional |
extruded optional |
टाइप:
boolean optionalMarker3DElement.extruded देखें. |
label optional |
टाइप:
string optionalMarker3DElement.label देखें. |
position optional |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalMarker3DElement.position देखें. |
sizePreserved optional |
टाइप:
boolean optional |
zIndex optional |
टाइप:
number optionalMarker3DElement.zIndex देखें. |
Marker3DInteractiveElement क्लास
google.maps.maps3d.Marker3DInteractiveElement
क्लास
3D मैप पर कोई जगह दिखाता है. ध्यान दें कि Marker3DInteractiveElement को दिखाने के लिए, position को सेट किया जाना चाहिए. Marker3DElement के उलट, Marker3DInteractiveElement को gmp-click इवेंट मिलता है.
कस्टम एलिमेंट:
<gmp-marker-3d-interactive></gmp-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 optional3D मॉडल को 3D मैप पर पोज़िशन करने के लिए, 3D मॉडल के निर्देशांक सिस्टम के रोटेशन के बारे में बताता है. मॉडल पर रोटेशन इस क्रम में लागू होते हैं: रोल, झुकाव, और फिर हेडिंग. |
position |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalModel3DElement की पोज़िशन सेट करता है. कुछ मोड में ऊंचाई की जानकारी को अनदेखा किया जाता है. इसलिए, इसे देना ज़रूरी नहीं है. |
scale |
टाइप:
number|Vector3D|Vector3DLiteral optionalडिफ़ॉल्ट:
1मॉडल के कॉर्डिनेट स्पेस में, x, y, और z ऐक्सिस के साथ मॉडल को स्केल करता है. |
src |
टाइप:
string|URL optional3D मॉडल का यूआरएल बताता है. फ़िलहाल, सिर्फ़
.glb फ़ॉर्मैट वाले मॉडल काम करते हैं. किसी भी रिलेटिव एचटीटीपी यूआरएल को उसके एब्सोलूट यूआरएल में बदल दिया जाएगा. कृपया ध्यान दें कि अगर .glb मॉडल फ़ाइलों को अपने मुख्य ऐप्लिकेशन से अलग वेबसाइट या सर्वर पर होस्ट किया जा रहा है, तो सही सीओआरएस एचटीटीपी हेडर सेट अप करना न भूलें. इससे आपके ऐप्लिकेशन को दूसरे डोमेन से मॉडल फ़ाइलों को सुरक्षित तरीके से ऐक्सेस करने में मदद मिलती है.एचटीएमएल एट्रिब्यूट:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक फ़ंक्शन सेट अप करता है, जिसे टारगेट पर तय इवेंट डिलीवर होने पर कॉल किया जाएगा. addEventListener देखें |
|
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidटारगेट से, पहले से addEventListener के साथ रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें |
Model3DElementOptions इंटरफ़ेस
google.maps.maps3d.Model3DElementOptions
इंटरफ़ेस
Model3DElementOptions ऑब्जेक्ट का इस्तेमाल, Model3DElement पर सेट की जा सकने वाली प्रॉपर्टी तय करने के लिए किया जाता है.
प्रॉपर्टी | |
|---|---|
altitudeMode optional |
टाइप:
AltitudeMode optionalModel3DElement.altitudeMode देखें. |
orientation optional |
टाइप:
Orientation3D|Orientation3DLiteral optionalModel3DElement.orientation देखें. |
position optional |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalModel3DElement.position देखें. |
scale optional |
टाइप:
number|Vector3D|Vector3DLiteral optionalModel3DElement.scale देखें. |
src optional |
टाइप:
string|URL optionalModel3DElement.src देखें. |
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डिफ़ॉल्ट:
falsetrue के तौर पर सेट करने पर, पॉलीलाइन के किनारों को जियोडेसिक के तौर पर समझा जाता है और वे पृथ्वी के वक्रता के हिसाब से बने होंगे. 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(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक फ़ंक्शन सेट अप करता है, जिसे टारगेट पर तय इवेंट डिलीवर होने पर कॉल किया जाएगा. addEventListener देखें |
|
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 optionalPolyline3DElement.extruded देखें. |
geodesic optional |
टाइप:
boolean optionalPolyline3DElement.geodesic देखें. |
outerColor optional |
टाइप:
string optionalPolyline3DElement.outerColor देखें. |
outerWidth optional |
टाइप:
number optionalPolyline3DElement.outerWidth देखें. |
strokeColor optional |
टाइप:
string optional |
strokeWidth optional |
टाइप:
number optional |
zIndex optional |
टाइप:
number optionalPolyline3DElement.zIndex देखें. |
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डिफ़ॉल्ट:
falsetrue होने पर, पॉलीगॉन के किनारों को जियोडेसिक के तौर पर समझा जाता है और वे पृथ्वी के वक्रता के हिसाब से होंगे. 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(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidयह एक फ़ंक्शन सेट अप करता है, जिसे टारगेट पर तय इवेंट डिलीवर होने पर कॉल किया जाएगा. addEventListener देखें |
|
removeEventListener(type, listener[, options])पैरामीटर:
रिटर्न वैल्यू:
voidटारगेट से, पहले से addEventListener के साथ रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें |
Polygon3DElementOptions इंटरफ़ेस
google.maps.maps3d.Polygon3DElementOptions
इंटरफ़ेस
Polygon3DElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polygon3DElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
altitudeMode optional |
टाइप:
AltitudeMode optional |
drawsOccludedSegments optional |
टाइप:
boolean optional |
extruded optional |
टाइप:
boolean optionalPolygon3DElement.extruded देखें. |
fillColor optional |
टाइप:
string optionalPolygon3DElement.fillColor देखें. |
geodesic optional |
टाइप:
boolean optionalPolygon3DElement.geodesic देखें. |
innerCoordinates optional |
टाइप:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral>|Iterable<LatLngLiteral>> optional |
outerCoordinates optional |
टाइप:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional |
strokeColor optional |
टाइप:
string optionalPolygon3DElement.strokeColor देखें. |
strokeWidth optional |
टाइप:
number optionalPolygon3DElement.strokeWidth देखें. |
zIndex optional |
टाइप:
number optionalPolygon3DElement.zIndex देखें. |
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 |
इससे, ज़मीन+इमारत+पानी की सतह के सबसे ऊंचे हिस्से के हिसाब से ऑब्जेक्ट दिखाए जा सकते हैं. पानी के ऊपर होने पर, यह पानी की सतह होगी. वहीं, जमीन पर होने पर, यह इमारत की सतह (अगर मौजूद हो) या जमीन की सतह होगी. |