Advanced Markers

AdvancedMarkerElement क्लास

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

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

कस्टम एलिमेंट:
<gmp-advanced-marker anchor-left="string" anchor-top="string" gmp-clickable 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 को मैप पर जोड़ दिया जाता है.

प्रॉपर्टी
anchorLeft	टाइप:  string optional डिफ़ॉल्ट: "-50%" सीएसएस लेंथ-परसेंटेज वैल्यू, जिसका इस्तेमाल मार्कर के ऐंकर पॉइंट को मार्कर के सबसे ऊपर बाएं कोने से ऑफ़सेट करने के लिए किया जाता है. यह तब काम आता है, जब किसी ऐसे विज़ुअल का इस्तेमाल किया जा रहा हो जिसका ऐंकर पॉइंट, डिफ़ॉल्ट मार्कर के सामान्य बॉटम सेंटर पॉइंट से अलग हो. एचटीएमएल एट्रिब्यूट: <gmp-advanced-marker anchor-left="string"></gmp-advanced-marker>
anchorTop	टाइप:  string optional डिफ़ॉल्ट: "-100%" सीएसएस लेंथ-परसेंटेज वैल्यू, जिसका इस्तेमाल मार्कर के ऐंकर पॉइंट को मार्कर के सबसे ऊपर बाएं कोने से ऑफ़सेट करने के लिए किया जाता है. यह तब काम आता है, जब किसी ऐसे विज़ुअल का इस्तेमाल किया जा रहा हो जिसका ऐंकर पॉइंट, डिफ़ॉल्ट मार्कर के सामान्य बॉटम सेंटर पॉइंट से अलग हो. एचटीएमएल एट्रिब्यूट: <gmp-advanced-marker anchor-top="string"></gmp-advanced-marker>
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	अब इस्तेमाल नहीं किया जा सकता: AdvancedMarkerElement का सीधे तौर पर इस्तेमाल करें. टाइप:  HTMLElement इस फ़ील्ड को सिर्फ़ पढ़ा जा सकता है. व्यू को सपोर्ट करने वाला डीओएम एलिमेंट.
content	इस्तेमाल पर रोक लगा दी गई है: इसके बजाय, .children का इस्तेमाल करें. टाइप:  Node optional AdvancedMarkerElementOptions.content देखें.

तरीके
addEventListener	addEventListener(type, listener[, options]) पैरामीटर:  type:  string केस-सेंसिटिव स्ट्रिंग, जो इवेंट टाइप को दिखाती है. listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह handleEvent तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive के साथ काम करते हैं. रिटर्न वैल्यू:  void यह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें
addListener	addListener(eventName, handler) पैरामीटर:  eventName:  string Observed event. handler:  Function इवेंट मैनेज करने के लिए फ़ंक्शन. रिटर्न वैल्यू:  MapsEventListener नतीजे के तौर पर मिलने वाला इवेंट लिसनर. यह Maps इवेंटिंग सिस्टम में, दिए गए इवेंट के नाम में दिए गए लिसनर फ़ंक्शन को जोड़ता है.
removeEventListener	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	function(event) आर्ग्युमेंट:  event:  AdvancedMarkerClickEvent यह इवेंट तब ट्रिगर होता है, जब AdvancedMarkerElement एलिमेंट पर क्लिक किया जाता है. addListener() के बजाय, addEventListener() के साथ इस्तेमाल करने पर सबसे सही नतीजे मिलते हैं.

AdvancedMarkerElementOptions इंटरफ़ेस

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

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

प्रॉपर्टी
anchorLeft optional	टाइप:  string optional डिफ़ॉल्ट: "-50%" सीएसएस लेंथ-परसेंटेज वैल्यू, जिसका इस्तेमाल मार्कर के ऐंकर पॉइंट को मार्कर के सबसे ऊपर बाएं कोने से ऑफ़सेट करने के लिए किया जाता है. यह तब काम आता है, जब किसी ऐसे विज़ुअल का इस्तेमाल किया जा रहा हो जिसका ऐंकर पॉइंट, डिफ़ॉल्ट मार्कर के सामान्य बॉटम सेंटर पॉइंट से अलग हो.
anchorTop optional	टाइप:  string optional डिफ़ॉल्ट: "-100%" सीएसएस लेंथ-परसेंटेज वैल्यू, जिसका इस्तेमाल मार्कर के ऐंकर पॉइंट को मार्कर के सबसे ऊपर बाएं कोने से ऑफ़सेट करने के लिए किया जाता है. यह तब काम आता है, जब किसी ऐसे विज़ुअल का इस्तेमाल किया जा रहा हो जिसका ऐंकर पॉइंट, डिफ़ॉल्ट मार्कर के सामान्य बॉटम सेंटर पॉइंट से अलग हो.
collisionBehavior optional	टाइप:  CollisionBehavior optional एक सूची, जिसमें यह बताया गया है कि जब कोई AdvancedMarkerElement किसी दूसरे AdvancedMarkerElement या वेक्टर मैप पर बुनियादी मैप के लेबल से टकराता है, तो उसे कैसा व्यवहार करना चाहिए. ध्यान दें: AdvancedMarkerElement से AdvancedMarkerElement का कोलिज़न, रास्टर और वेक्टर मैप, दोनों पर काम करता है. हालांकि, AdvancedMarkerElement से बुनियादी मैप के लेबल का कोलिज़न, सिर्फ़ वेक्टर मैप पर काम करता है.
content optional	टाइप:  Node optional डिफ़ॉल्ट: PinElement AdvancedMarkerElement के विज़ुअल को सपोर्ट करने वाला डीओएम एलिमेंट. ध्यान दें: AdvancedMarkerElement, पास किए गए डीओएम एलिमेंट का क्लोन नहीं बनाता. डीओएम एलिमेंट को किसी AdvancedMarkerElement में पास करने के बाद, उसी डीओएम एलिमेंट को किसी दूसरे AdvancedMarkerElement में पास करने पर, डीओएम एलिमेंट मूव हो जाएगा. इससे पिछला 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 के सामने दिखते हैं. ध्यान दें कि 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 या Marker3DElement में दिखती है. ग्लिफ़, एक वैकल्पिक डीओएम एलिमेंट है. इसे गुब्बारे के आकार में दिखाया जाता है. PinElement का आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात), उसके PinElement.scale के हिसाब से अलग हो सकता है.

यह क्लास, 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 देखें.
glyphColor	टाइप:  string optional PinElementOptions.glyphColor देखें.
glyphSrc	टाइप:  URL|string optional PinElementOptions.glyphSrc देखें.
glyphText	टाइप:  string optional PinElementOptions.glyphText देखें.
scale	टाइप:  number optional PinElementOptions.scale देखें.
element	अब इस्तेमाल नहीं किया जा सकता: PinElement का सीधे तौर पर इस्तेमाल करें. टाइप:  HTMLElement इस फ़ील्ड को सिर्फ़ पढ़ा जा सकता है. व्यू को सपोर्ट करने वाला डीओएम एलिमेंट.
glyph	इस्तेमाल पर रोक लगा दी गई है: इसके बजाय, PinElementOptions.glyphText या PinElementOptions.glyphSrc का इस्तेमाल करें. टाइप:  string|Element|URL optional PinElementOptions.glyph देखें.

तरीके
addEventListener	addEventListener(type, listener[, options]) पैरामीटर:  type:  string केस-सेंसिटिव स्ट्रिंग, जो इवेंट टाइप को दिखाती है. listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह handleEvent तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive के साथ काम करते हैं. रिटर्न वैल्यू:  void यह एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाएगा. addEventListener देखें.
removeEventListener	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	इस्तेमाल पर रोक लगा दी गई है: इसके बजाय, PinElementOptions.glyphText या PinElementOptions.glyphSrc का इस्तेमाल करें. टाइप:  string|Element|URL optional पिन में दिखाया गया DOM एलिमेंट.
glyphColor optional	टाइप:  string optional ग्लिफ़ का रंग. इसमें सीएसएस की किसी भी कलर वैल्यू का इस्तेमाल किया जा सकता है.
glyphSrc optional	टाइप:  URL|string optional पिन में दिखाई जाने वाली ग्लिफ़ इमेज का सोर्स.
glyphText optional	टाइप:  string optional पिन में दिखने वाला टेक्स्ट.
scale optional	टाइप:  number optional डिफ़ॉल्ट: 1 पिन का स्केल.