Maps

MapElement क्लास

google.maps.MapElement क्लास

MapElement, मैप रेंडर करने के लिए HTMLElement सबक्लास है. maps लाइब्रेरी लोड करने के बाद, एचटीएमएल में मैप बनाया जा सकता है. उदाहरण के लिए: 

<gmp-map center="37.4220656,-122.0840897" zoom="10" map-id="DEMO_MAP_ID">
  <button slot="control-block-start-inline-end">Custom Control</button>
</gmp-map>
यह अंदरूनी तौर पर Map का इस्तेमाल करता है. इसे MapElement.innerMap प्रॉपर्टी की मदद से ऐक्सेस किया जा सकता है.

कस्टम एलिमेंट:
<gmp-map center="lat,lng" heading-interaction-disabled internal-usage-attribution-ids="id1 id2" map-id="string" rendering-type="vector" tilt-interaction-disabled zoom="number"></gmp-map>

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

यह क्लास MapElementOptions को लागू करती है.

const {MapElement} = await google.maps.importLibrary("maps") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
MapElement
MapElement([options])
पैरामीटर: 
center
टाइप:  LatLng|LatLngLiteral optional
मैप का सेंटर अक्षांश/देशांतर.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map center="lat,lng"></gmp-map>
headingInteractionDisabled
टाइप:  boolean optional
डिफ़ॉल्ट: false
क्या मैप में, उपयोगकर्ता को कैमरे की हेडिंग (रोटेशन) को कंट्रोल करने की अनुमति देनी चाहिए. यह विकल्प सिर्फ़ तब लागू होता है, जब मैप वेक्टर मैप हो. अगर कोड में इसे सेट नहीं किया गया है, तो मैप आईडी के लिए क्लाउड कॉन्फ़िगरेशन का इस्तेमाल किया जाएगा. हालांकि, ऐसा तब होगा, जब यह उपलब्ध हो.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map heading-interaction-disabled></gmp-map>
innerMap
टाइप:  Map
यह Map का रेफ़रंस है, जिसका इस्तेमाल MapElement इंटरनल तौर पर करता है.
internalUsageAttributionIds
टाइप:  Iterable<string> optional
डिफ़ॉल्ट: null
यह इनिशियलाइज़र में इस्तेमाल का एट्रिब्यूशन आईडी जोड़ता है. इससे Google को यह समझने में मदद मिलती है कि कौनसी लाइब्रेरी और सैंपल, डेवलपर के लिए मददगार हैं. जैसे, मार्कर क्लस्टरिंग लाइब्रेरी का इस्तेमाल. इस्तेमाल का एट्रिब्यूशन आईडी भेजने से ऑप्ट आउट करने के लिए, इस प्रॉपर्टी को मिटाना या वैल्यू को खाली स्ट्रिंग से बदलना सुरक्षित है. सिर्फ़ यूनीक वैल्यू भेजी जाएंगी. इंस्टैंटिएट करने के बाद, इस वैल्यू में किए गए बदलावों को अनदेखा किया जा सकता है.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map internal-usage-attribution-ids="id1 id2"></gmp-map>
mapId
टाइप:  string optional
मैप का मैप आईडी. मैप इंस्टैंटिएट होने के बाद, इस पैरामीटर को सेट या बदला नहीं जा सकता. Map.DEMO_MAP_ID का इस्तेमाल उन सुविधाओं को आज़माने के लिए किया जा सकता है जिनके लिए मैप आईडी की ज़रूरत होती है, लेकिन क्लाउड की सुविधा चालू करने की ज़रूरत नहीं होती.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map map-id="string"></gmp-map>
renderingType
टाइप:  RenderingType optional
डिफ़ॉल्ट: RenderingType.VECTOR
मैप रास्टर या वेक्टर मैप होना चाहिए. मैप इंस्टैंटिएट होने के बाद, इस पैरामीटर को सेट या बदला नहीं जा सकता. अगर इसे सेट नहीं किया जाता है, तो मैप आईडी के लिए क्लाउड कॉन्फ़िगरेशन, रेंडरिंग टाइप तय करेगा. हालांकि, ऐसा तब होगा, जब यह उपलब्ध हो. कृपया ध्यान दें कि वेक्टर मैप, सभी डिवाइसों और ब्राउज़र के लिए उपलब्ध नहीं हो सकते. साथ ही, ज़रूरत पड़ने पर मैप, रास्टर मैप पर वापस आ जाएगा.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map rendering-type="vector"></gmp-map>
  • <gmp-map rendering-type="raster"></gmp-map>
tiltInteractionDisabled
टाइप:  boolean optional
डिफ़ॉल्ट: false
मैप को उपयोगकर्ता को कैमरे के झुकाव को कंट्रोल करने की अनुमति देनी चाहिए या नहीं. यह विकल्प सिर्फ़ तब लागू होता है, जब मैप वेक्टर मैप हो. अगर कोड में इसे सेट नहीं किया गया है, तो मैप आईडी के लिए क्लाउड कॉन्फ़िगरेशन का इस्तेमाल किया जाएगा. हालांकि, ऐसा तब होगा, जब यह उपलब्ध हो.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map tilt-interaction-disabled></gmp-map>
zoom
टाइप:  number optional
मैप का ज़ूम लेवल. ज़ूम करने की मान्य वैल्यू, शून्य से लेकर ज़्यादा से ज़्यादा ज़ूम लेवल तक की संख्याएं होती हैं. ज़ूम की ज़्यादा वैल्यू का मतलब है ज़्यादा रिज़ॉल्यूशन.
एचटीएमएल एट्रिब्यूट:
  • <gmp-map zoom="number"></gmp-map>
control-block-end-inline-center
इस एट्रिब्यूट की वैल्यू ControlPosition.BLOCK_END_INLINE_CENTER पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.BLOCK_END_INLINE_CENTER पोज़िशन पर रखा जाता है.
control-block-end-inline-end
इस एट्रिब्यूट की वैल्यू ControlPosition.BLOCK_END_INLINE_END पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.BLOCK_END_INLINE_END पोज़िशन पर रखा जाता है.
control-block-end-inline-start
इस एट्रिब्यूट की वैल्यू ControlPosition.BLOCK_END_INLINE_START पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.BLOCK_END_INLINE_START पोज़िशन पर रखा जाता है.
control-block-start-inline-center
इस एट्रिब्यूट की वैल्यू ControlPosition.BLOCK_START_INLINE_CENTER पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.BLOCK_START_INLINE_CENTER पोज़िशन पर रखा जाता है.
control-block-start-inline-end
इस एट्रिब्यूट की वैल्यू ControlPosition.BLOCK_START_INLINE_END पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.BLOCK_START_INLINE_END पोज़िशन पर रखा जाता है.
control-block-start-inline-start
इस एट्रिब्यूट की वैल्यू ControlPosition.BLOCK_START_INLINE_START पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.BLOCK_START_INLINE_START पोज़िशन पर रखा जाता है.
control-inline-end-block-center
इस एट्रिब्यूट की वैल्यू ControlPosition.INLINE_END_BLOCK_CENTER पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.INLINE_END_BLOCK_CENTER पोज़िशन पर रखा जाता है.
control-inline-end-block-end
इस एट्रिब्यूट की वैल्यू ControlPosition.INLINE_END_BLOCK_END पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.INLINE_END_BLOCK_END पोज़िशन पर रखा जाता है.
control-inline-end-block-start
इस एट्रिब्यूट की वैल्यू ControlPosition.INLINE_END_BLOCK_START पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.INLINE_END_BLOCK_START पोज़िशन पर रखा जाता है.
control-inline-start-block-center
इस एट्रिब्यूट की वैल्यू ControlPosition.INLINE_START_BLOCK_CENTER पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.INLINE_START_BLOCK_CENTER पोज़िशन पर रखा जाता है.
control-inline-start-block-end
इस एट्रिब्यूट की वैल्यू ControlPosition.INLINE_START_BLOCK_END पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.INLINE_START_BLOCK_END पोज़िशन पर रखा जाता है.
control-inline-start-block-start
इस एट्रिब्यूट की वैल्यू ControlPosition.INLINE_START_BLOCK_START पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.INLINE_START_BLOCK_START पोज़िशन पर रखा जाता है.
default
कस्टम एलिमेंट का इस्तेमाल करके, Maps JavaScript Web Components के लिए फिर से इस्तेमाल किए जा सकने वाले कॉम्पोनेंट बनाए जा सकते हैं. जैसे, AdvancedMarkerElement. डिफ़ॉल्ट रूप से, MapElement में सीधे तौर पर जोड़े गए सभी कस्टम एलिमेंट, MapPanes.overlayMouseTarget में स्लॉट किए जाएंगे और रेंडर किए जाएंगे. हालांकि, Maps JavaScript API के वेब कॉम्पोनेंट को MapElement के इंटरनल स्लॉट में फिर से स्लॉट किया जा सकता है.
BetaaddEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string केस-सेंसिटिव स्ट्रिंग, जो सुनने के लिए इवेंट टाइप को दिखाती है.
  • listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह एक फ़ंक्शन या handleEvent तरीके वाला ऑब्जेक्ट होना चाहिए
  • options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट, सिर्फ़ capture और passive के साथ काम करते हैं.
लौटाई गई वैल्यू:  void
यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें.
BetaremoveEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string यह एक स्ट्रिंग है. इससे उस इवेंट के टाइप के बारे में पता चलता है जिसके लिए इवेंट लिसनर को हटाना है.
  • listener:  EventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर.
  • options:  boolean|EventListenerOptions optional विकल्प देखें.
लौटाई गई वैल्यू:  void
यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें.
gmp-zoomchange
function(event)
आर्ग्युमेंट: 
मैप ज़ूम करने की प्रॉपर्टी में बदलाव होने पर, यह इवेंट ट्रिगर होता है.

MapElementOptions इंटरफ़ेस

google.maps.MapElementOptions इंटरफ़ेस

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