Advanced Markers

AdvancedMarkerElement क्लास

google.maps.marker.AdvancedMarkerElement क्लास

यह मैप पर किसी जगह की जानकारी दिखाता है. ध्यान दें कि AdvancedMarkerElement को दिखाने के लिए, position को सेट करना ज़रूरी है.

कस्टम एलिमेंट:
<gmp-advanced-marker gmp-clickable position="lat,lng" title="string"></gmp-advanced-marker>

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

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

const {AdvancedMarkerElement} = await google.maps.importLibrary("marker") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

प्रॉपर्टी
collisionBehavior	टाइप:  CollisionBehavior optional AdvancedMarkerElementOptions.collisionBehavior देखें.
gmpClickable	टाइप:  boolean optional AdvancedMarkerElementOptions.gmpClickable देखें. एचटीएमएल एट्रिब्यूट: <gmp-advanced-marker gmp-clickable></gmp-advanced-marker>
gmpDraggable	टाइप:  boolean optional AdvancedMarkerElementOptions.gmpDraggable देखें.
map	टाइप:  Map optional AdvancedMarkerElementOptions.map देखें.
position	टाइप:  LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional AdvancedMarkerElementOptions.position देखें. एचटीएमएल एट्रिब्यूट: <gmp-advanced-marker position="lat,lng"></gmp-advanced-marker> <gmp-advanced-marker position="lat,lng,altitude"></gmp-advanced-marker>
title	टाइप:  string AdvancedMarkerElementOptions.title देखें. एचटीएमएल एट्रिब्यूट: <gmp-advanced-marker title="string"></gmp-advanced-marker>
zIndex	टाइप:  number optional AdvancedMarkerElementOptions.zIndex देखें.
element	टाइप:  HTMLElement इस फ़ील्ड में मौजूद डेटा को सिर्फ़ पढ़ा जा सकता है. व्यू को बैक करने वाला डीओएम एलिमेंट.
content	टाइप:  Node optional AdvancedMarkerElementOptions.content देखें.

इवेंट
click	function(event) आर्ग्युमेंट:  event:  MapMouseEvent AdvancedMarkerElement एलिमेंट पर क्लिक करने पर, यह इवेंट ट्रिगर होता है. addEventListener() के साथ उपलब्ध नहीं है. इसके बजाय, gmp-click का इस्तेमाल करें.
drag	function(event) आर्ग्युमेंट:  event:  MapMouseEvent जब उपयोगकर्ता AdvancedMarkerElement को खींचता है, तब यह इवेंट बार-बार ट्रिगर होता है. addEventListener() के साथ उपलब्ध नहीं है.
dragend	function(event) आर्ग्युमेंट:  event:  MapMouseEvent यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता AdvancedMarkerElement को खींचना बंद कर देता है. addEventListener() के साथ उपलब्ध नहीं है.
dragstart	function(event) आर्ग्युमेंट:  event:  MapMouseEvent यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता AdvancedMarkerElement को खींचना शुरू करता है. addEventListener() के साथ उपलब्ध नहीं है.
gmp-click	function(event) आर्ग्युमेंट:  event:  AdvancedMarkerClickEvent AdvancedMarkerElement एलिमेंट पर क्लिक करने पर, यह इवेंट ट्रिगर होता है. इसका सबसे अच्छा इस्तेमाल addEventListener() के साथ किया जाता है, न कि addListener() के साथ.

AdvancedMarkerElementOptions इंटरफ़ेस

google.maps.marker.AdvancedMarkerElementOptions इंटरफ़ेस

AdvancedMarkerElement बनाने के विकल्प.

प्रॉपर्टी
collisionBehavior optional	टाइप:  CollisionBehavior optional यह एक ऐसा एन्यूमरेशन है जो यह तय करता है कि जब कोई AdvancedMarkerElement किसी दूसरे AdvancedMarkerElement या वेक्टर मैप पर मौजूद बेस मैप के लेबल से टकराता है, तो उसे कैसा व्यवहार करना चाहिए. ध्यान दें: AdvancedMarkerElement से AdvancedMarkerElement टकराव की सुविधा, रास्टर और वेक्टर मैप, दोनों पर काम करती है. हालांकि, AdvancedMarkerElement से बेस मैप के लेबल के टकराव की सुविधा सिर्फ़ वेक्टर मैप पर काम करती है.
content optional	टाइप:  Node optional डिफ़ॉल्ट: PinElement.element AdvancedMarkerElement के विज़ुअल को बैक करने वाला डीओएम एलिमेंट. ध्यान दें: AdvancedMarkerElement, पास किए गए DOM एलिमेंट को क्लोन नहीं करता है. किसी DOM एलिमेंट को AdvancedMarkerElement में पास करने के बाद, उसी DOM एलिमेंट को किसी दूसरे AdvancedMarkerElement में पास करने से, DOM एलिमेंट अपनी जगह से हट जाएगा. साथ ही, पिछले AdvancedMarkerElement में कोई कॉन्टेंट नहीं दिखेगा.
gmpClickable optional	टाइप:  boolean optional डिफ़ॉल्ट: false अगर true है, तो AdvancedMarkerElement पर क्लिक किया जा सकेगा और gmp-click इवेंट ट्रिगर होगा.साथ ही, ऐक्सेसिबिलिटी से जुड़े काम भी किए जा सकेंगे. उदाहरण के लिए, ऐरो वाले बटन से कीबोर्ड को ऐक्सेस करने की अनुमति देना.
gmpDraggable optional	टाइप:  boolean optional डिफ़ॉल्ट: false अगर true है, तो AdvancedMarkerElement को खींचा जा सकता है. ध्यान दें: ऊंचाई की जानकारी देने वाले AdvancedMarkerElement को ड्रैग नहीं किया जा सकता.
map optional	टाइप:  Map optional वह मैप जिस पर AdvancedMarkerElement को दिखाना है. AdvancedMarkerElement को दिखाने के लिए मैप ज़रूरी है. अगर इसे कंस्ट्रक्शन के समय नहीं दिया गया है, तो AdvancedMarkerElement.map सेट करके इसे दिया जा सकता है.
position optional	टाइप:  LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional AdvancedMarkerElement की पोज़िशन सेट करता है. AdvancedMarkerElement को पोज़िशन के बिना बनाया जा सकता है. हालांकि, जब तक इसकी पोज़िशन नहीं दी जाती, तब तक इसे नहीं दिखाया जाएगा. उदाहरण के लिए, उपयोगकर्ता की कार्रवाइयों या विकल्पों के ज़रिए. अगर कंस्ट्रक्शन के समय AdvancedMarkerElement की पोज़िशन नहीं दी गई है, तो AdvancedMarkerElement.position को सेट करके इसकी पोज़िशन दी जा सकती है. ध्यान दें: ऊंचाई की जानकारी के साथ AdvancedMarkerElement सिर्फ़ वेक्टर मैप पर काम करता है.
title optional	टाइप:  string optional रोलओवर टेक्स्ट. अगर यह वैल्यू दी जाती है, तो सुलभता टेक्स्ट (उदाहरण के लिए, स्क्रीन रीडर के साथ इस्तेमाल करने के लिए) को AdvancedMarkerElement में दी गई वैल्यू के साथ जोड़ दिया जाएगा.
zIndex optional	टाइप:  number optional सभी AdvancedMarkerElement, मैप पर उनके zIndex के क्रम में दिखाए जाते हैं. ज़्यादा वैल्यू वाले AdvancedMarkerElement, कम वैल्यू वाले AdvancedMarkerElement के सामने दिखते हैं. डिफ़ॉल्ट रूप से, AdvancedMarkerElement को स्क्रीन पर उनकी वर्टिकल पोज़िशन के हिसाब से दिखाया जाता है. इसमें नीचे की ओर मौजूद AdvancedMarkerElement, स्क्रीन पर ऊपर की ओर मौजूद AdvancedMarkerElement के सामने दिखते हैं. ध्यान दें कि zIndex का इस्तेमाल, CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY ऐडवांस मार्कर के बीच प्राथमिकता तय करने के लिए भी किया जाता है. zIndex की वैल्यू जितनी ज़्यादा होगी, प्राथमिकता उतनी ही ज़्यादा होगी.

AdvancedMarkerClickEvent क्लास

google.maps.marker.AdvancedMarkerClickEvent क्लास

यह इवेंट, ऐडवांस मार्कर पर क्लिक करने से बनता है. event.target.position की मदद से, मार्कर की जगह की जानकारी ऐक्सेस करें.

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

const {AdvancedMarkerClickEvent} = await google.maps.importLibrary("marker") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

PinElement क्लास

google.maps.marker.PinElement क्लास

PinElement, एक डीओएम एलिमेंट को दिखाता है. इसमें एक शेप और एक ग्लिफ़ होता है. इस शेप का बलून स्टाइल, डिफ़ॉल्ट AdvancedMarkerElement में दिखने वाले बलून स्टाइल जैसा ही है. यह ग्लिफ़, एक वैकल्पिक डीओएम एलिमेंट है. इसे गुब्बारे के आकार में दिखाया जाता है. PinElement का आसपेक्ट रेशियो, PinElement.scale के हिसाब से अलग-अलग हो सकता है.

ध्यान दें: इसे वेब कॉम्पोनेंट के तौर पर इस्तेमाल करने की सुविधा अभी उपलब्ध नहीं है. जैसे, इसे HTMLElement सबक्लास के तौर पर या एचटीएमएल के ज़रिए इस्तेमाल नहीं किया जा सकता.

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

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

const {PinElement} = await google.maps.importLibrary("marker") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.

तरीके
addEventListener	addEventListener(type, listener[, options]) पैरामीटर:  type:  string listener:  EventListener|EventListenerObject options:  boolean|AddEventListenerOptions optional लौटाई गई वैल्यू:  void फ़िलहाल, इस फ़ंक्शन का इस्तेमाल नहीं किया जा सकता.
removeEventListener	removeEventListener(type, listener[, options]) पैरामीटर:  type:  string यह एक स्ट्रिंग है. इससे उस इवेंट के टाइप के बारे में पता चलता है जिसके लिए इवेंट लिसनर को हटाना है. listener:  EventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर. options:  boolean|EventListenerOptions optional विकल्प देखें. लौटाई गई वैल्यू:  void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें.

PinElementOptions इंटरफ़ेस

google.maps.marker.PinElementOptions इंटरफ़ेस

PinElement बनाने के विकल्प.