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])
पैरामीटर: 
तय किए गए विकल्पों के साथ 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
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 देखें.
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)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब AdvancedMarkerElement एलिमेंट पर क्लिक किया जाता है.

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

addEventListener() के साथ उपलब्ध नहीं है.
dragend
function(event)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता AdvancedMarkerElement को खींचना और छोड़ना बंद कर देता है.

addEventListener() के साथ उपलब्ध नहीं है.
dragstart
function(event)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता AdvancedMarkerElement को खींचना और छोड़ना शुरू करता है.

addEventListener() के साथ उपलब्ध नहीं है.
gmp-click
function(event)
आर्ग्युमेंट: 
यह इवेंट तब ट्रिगर होता है, जब 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
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])
पैरामीटर: 
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
टाइप:  HTMLElement
इस फ़ील्ड को सिर्फ़ पढ़ा जा सकता है. व्यू को सपोर्ट करने वाला डीओएम एलिमेंट.
glyph
टाइप:  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
टाइप:  string|Element|URL optional
पिन में दिखाया गया DOM एलिमेंट.
glyphColor optional
टाइप:  string optional
ग्लिफ़ का रंग. इसमें सीएसएस की किसी भी कलर वैल्यू का इस्तेमाल किया जा सकता है.
glyphSrc optional
टाइप:  URL|string optional
पिन में दिखाई जाने वाली ग्लिफ़ इमेज का सोर्स.
glyphText optional
टाइप:  string optional
पिन में दिखने वाला टेक्स्ट.
scale optional
टाइप:  number optional
डिफ़ॉल्ट: 1
पिन का स्केल.