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} लागू हो जाती है. ज़्यादा से ज़्यादा 63170000 मीटर की ऊंचाई पर जाने की अनुमति है. यह पृथ्वी की त्रिज्या को 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 की सेंटर प्रॉपर्टी में बदलाव होने पर, यह इवेंट ट्रिगर होता है. |
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 की टिल्ट प्रॉपर्टी में बदलाव होने पर, यह इवेंट ट्रिगर होता है. |
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दी गई अवधि में, सेंटर के चारों ओर घूमने के राउंड की संख्या. इससे रोटेशन की पूरी स्पीड कंट्रोल की जाती है. rounds में कोई नेगेटिव नंबर पास करने पर, कैमरा डिफ़ॉल्ट रूप से घड़ी की सुई की दिशा में घूमने के बजाय, घड़ी की सुई की उलटी दिशा में घूमेगा. |
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 क्लास
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 क्लास
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 optionalयह 3D मॉडल के कोऑर्डिनेट सिस्टम के रोटेशन के बारे में बताता है, ताकि मॉडल को 3D मैप पर रखा जा सके. मॉडल पर रोटेशन, इस क्रम में लागू होते हैं: रोल, टिल्ट, और फिर हेडिंग. |
position |
टाइप:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalModel3DElement की पोज़िशन सेट करता है. कुछ मोड में ऊंचाई की जानकारी को अनदेखा किया जाता है. इसलिए, इसे शामिल करना ज़रूरी नहीं है. |
scale |
टाइप:
number|Vector3D|Vector3DLiteral optionalडिफ़ॉल्ट:
1यह मॉडल के कॉर्डिनेट स्पेस में, x, y, और z ऐक्सिस के हिसाब से मॉडल को स्केल करता है. |
src |
टाइप:
string|URL optional3D मॉडल का यूआरएल बताता है. फ़िलहाल, सिर्फ़
.glb फ़ॉर्मैट वाले मॉडल इस्तेमाल किए जा सकते हैं. मिलते-जुलते एचटीटीपी यूआरएल को उनके पूरे यूआरएल में बदल दिया जाएगा. कृपया ध्यान दें कि अगर आपने अपनी .glb मॉडल फ़ाइलों को अपने मुख्य ऐप्लिकेशन के बजाय किसी दूसरी वेबसाइट या सर्वर पर होस्ट किया है, तो पक्का करें कि आपने सही CORS HTTP हेडर सेट अप किए हों. इससे आपका ऐप्लिकेशन, दूसरे डोमेन से मॉडल फ़ाइलों को सुरक्षित तरीके से ऐक्सेस कर पाता है.एचटीएमएल एट्रिब्यूट:
|
तरीके | |
|---|---|
|
addEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
removeEventListener(type, listener[, options])पैरामीटर:
लौटाई गई वैल्यू:
voidयह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
Model3DElementOptions interface
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 क्लास
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 क्लास
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 |
इस विकल्प की मदद से, ऑब्जेक्ट को ज़मीन+इमारत+पानी की सतह की सबसे ऊंची जगह के हिसाब से दिखाया जा सकता है. पानी के ऊपर होने पर, यह पानी की सतह होगी. वहीं, ज़मीन के ऊपर होने पर, यह इमारत की सतह (अगर मौजूद है) या ज़मीन की सतह (अगर कोई इमारत नहीं है) होगी. |