Advanced Markers

AdvancedMarkerElement क्लास

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

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

ध्यान दें: वेब कॉम्पोनेंट के तौर पर इस्तेमाल करने की सुविधा सिर्फ़ v=beta चैनल में उपलब्ध है. जैसे, कस्टम <gmp-advanced-marker> एचटीएमएल एलिमेंट का इस्तेमाल करना.

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

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

इस क्लास में AdvancedMarkerElementOptions लागू होता है.

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

निर्माता
AdvancedMarkerElement	AdvancedMarkerElement([options]) पैरामीटर:  options:  AdvancedMarkerElementOptions optional तय किए गए विकल्पों के साथ AdvancedMarkerElement बनाता है. अगर कोई मैप तय किया गया है, तो निर्माण के बाद AdvancedMarkerElement को मैप में जोड़ दिया जाता है.

प्रॉपर्टी
collisionBehavior	टाइप:  CollisionBehavior optional AdvancedMarkerElementOptions.collisionBehavior देखें.
content	टाइप:  Node optional AdvancedMarkerElementOptions.content देखें.
element	टाइप:  HTMLElement यह फ़ील्ड सिर्फ़ पढ़ने के लिए है. व्यू को बैक करने वाला डीओएम एलिमेंट.
gmpClickable	ध्यान दें: यह सुविधा सिर्फ़ v=beta चैनल में उपलब्ध है. टाइप:  boolean optional AdvancedMarkerElementOptions.gmpClickable देखें.
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 देखें.

तरीके
addEventListener	ध्यान दें: यह सुविधा सिर्फ़ v=beta चैनल में उपलब्ध है. addEventListener(type, listener[, options]) पैरामीटर:  type:  string केस-सेंसिटिव स्ट्रिंग, जो उस इवेंट टाइप को दिखाती है जिसे सुनना है. listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह handleEvent तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive के साथ काम करते हैं. रिटर्न वैल्यू:  void यह एक फ़ंक्शन सेट अप करता है, जिसे टारगेट पर तय इवेंट डिलीवर होने पर कॉल किया जाएगा. addEventListener देखें
addListener	addListener(eventName, handler) पैरामीटर:  eventName:  string देखा गया इवेंट. handler:  Function इवेंट मैनेज करने के लिए फ़ंक्शन. रिटर्न वैल्यू:  MapsEventListener नतीजा देने वाला इवेंट लिसनर. Maps इवेंट सिस्टम में, दिए गए इवेंट के नाम में दिया गया लिसनर फ़ंक्शन जोड़ता है.
removeEventListener	ध्यान दें: यह सुविधा सिर्फ़ v=beta चैनल में उपलब्ध है. removeEventListener(type, listener[, options]) पैरामीटर:  type:  string वह स्ट्रिंग जो उस इवेंट टाइप के बारे में बताती है जिसके लिए इवेंट लिसनर को हटाना है. listener:  EventListener|EventListenerObject इवेंट टारगेट से हटाने के लिए, इवेंट हैंडलर का इवेंट लिसनर. options:  boolean|EventListenerOptions optional विकल्प देखें रिटर्न वैल्यू:  void टारगेट से, पहले से addEventListener के साथ रजिस्टर किए गए इवेंट लिसनर को हटाता है. removeEventListener देखें

इवेंट
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	ध्यान दें: यह सुविधा सिर्फ़ v=beta चैनल में उपलब्ध है. function(event) आर्ग्युमेंट:  event:  AdvancedMarkerClickEvent AdvancedMarkerElement एलिमेंट पर क्लिक करने पर, यह इवेंट ट्रिगर होता है. addListener() के बजाय, addEventListener() के साथ इस्तेमाल करना सबसे अच्छा है.

AdvancedMarkerElementOptions इंटरफ़ेस

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

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

प्रॉपर्टी
collisionBehavior optional	टाइप:  CollisionBehavior optional यह एनोटेशन बताता है कि किसी दूसरे AdvancedMarkerElement या वेक्टर मैप पर मौजूद बेसमैप लेबल से टकराने पर, AdvancedMarkerElement का व्यवहार कैसा होना चाहिए. ध्यान दें: AdvancedMarkerElement से AdvancedMarkerElement तक का कोलिज़न, रेस्टर और वेक्टर, दोनों तरह के मैप पर काम करता है. हालांकि, AdvancedMarkerElement से बेस मैप के लेबल कोलिज़न तक सिर्फ़ वेक्टर मैप पर काम करता है.
content optional	टाइप:  Node optional डिफ़ॉल्ट: PinElement.element AdvancedMarkerElement के विज़ुअल को बैक करने वाला डीओएम एलिमेंट. ध्यान दें: AdvancedMarkerElement, पास किए गए DOM एलिमेंट का क्लोन नहीं बनाता. डीओएम एलिमेंट को किसी AdvancedMarkerElement में पास करने के बाद, उसी डीओएम एलिमेंट को किसी दूसरे AdvancedMarkerElement में पास करने पर, डीओएम एलिमेंट दूसरी जगह चला जाएगा और पिछला AdvancedMarkerElement खाली दिखेगा.
gmpClickable optional	ध्यान दें: यह सुविधा सिर्फ़ v=beta चैनल में उपलब्ध है. टाइप:  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 के सामने दिखते हैं. डिफ़ॉल्ट रूप से, AdvancedMarkerElements को स्क्रीन पर उनकी वर्टिकल पोज़िशन के हिसाब से दिखाया जाता है. इसमें, स्क्रीन पर सबसे ऊपर मौजूद AdvancedMarkerElements के सामने, सबसे नीचे मौजूद AdvancedMarkerElements दिखते हैं. ध्यान दें कि zIndex का इस्तेमाल, CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY बेहतर मार्कर के बीच प्राथमिकता तय करने में भी किया जाता है. zIndex की ज़्यादा वैल्यू का मतलब है कि प्राथमिकता ज़्यादा है.

AdvancedMarkerClickEvent class

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

ध्यान दें: यह सुविधा सिर्फ़ v=beta चैनल में उपलब्ध है.

यह इवेंट, बेहतर मार्कर पर क्लिक करने से बनता है. 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 में लाइब्रेरी देखें.

निर्माता
PinElement	PinElement([options]) पैरामीटर:  options:  PinElementOptions optional

प्रॉपर्टी
background	टाइप:  string optional PinElementOptions.background देखें.
borderColor	टाइप:  string optional PinElementOptions.borderColor देखें.
element	टाइप:  HTMLElement यह फ़ील्ड सिर्फ़ पढ़ने के लिए है. व्यू को बैक करने वाला डीओएम एलिमेंट.
glyph	टाइप:  string|Element|URL optional PinElementOptions.glyph देखें.
glyphColor	टाइप:  string optional PinElementOptions.glyphColor देखें.
scale	टाइप:  number optional PinElementOptions.scale देखें.

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

PinElementOptions इंटरफ़ेस

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

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

प्रॉपर्टी
background optional	टाइप:  string optional पिन के आकार का बैकग्राउंड रंग. यह किसी भी सीएसएस रंग वैल्यू के साथ काम करता है.
borderColor optional	टाइप:  string optional पिन के आकार के बॉर्डर का रंग. यह किसी भी सीएसएस रंग वैल्यू के साथ काम करता है.
glyph optional	टाइप:  string|Element|URL optional पिन में दिखाया गया डीओएम एलिमेंट.
glyphColor optional	टाइप:  string optional ग्लिफ़ का रंग. यह किसी भी सीएसएस रंग वैल्यू के साथ काम करता है.
scale optional	टाइप:  number optional डिफ़ॉल्ट: 1 पिन का स्केल.