Advanced Markers

AdvancedMarkerElement क्लास

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

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

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

कस्टम एलिमेंट:
<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])
पैरामीटर: 
बताए गए विकल्पों के साथ एक AdvancedMarkerElement बनाता है. अगर मैप के बारे में बताया गया है, तो निर्माण के बाद AdvancedMarkerElement को मैप में जोड़ दिया जाता है.
collisionBehavior
टाइप:  CollisionBehavior optional
AdvancedMarkerElementOptions.collisionBehavior देखें.
content
टाइप:  Node optional
AdvancedMarkerElementOptions.content देखें.
element
टाइप:  HTMLElement
यह फ़ील्ड रीड-ओनली मोड में है. व्यू का बैक अप लेने वाला DOM एलिमेंट.
BetagmpClickable
टाइप:  boolean optional
BetaAdvancedMarkerElementOptions.gmpClickable देखें.
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 देखें.
BetaaddEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • type:  string एक केस-सेंसिटिव (बड़े और छोटे अक्षरों में अंतर) स्ट्रिंग, जो इवेंट टाइप के बारे में बताती है.
  • listener:  EventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह हैंडल इवेंट के तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए
  • options:  boolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive का इस्तेमाल करते हैं.
रिटर्न वैल्यू:  void
एक ऐसा फ़ंक्शन सेट अप करता है जिसे टारगेट में तय किया गया इवेंट डिलीवर होने पर कॉल किया जाएगा. addEventListener देखें
addListener
addListener(eventName, handler)
पैरामीटर: 
  • eventName:  string देखा गया इवेंट.
  • handler:  Function इवेंट मैनेज करने के लिए फ़ंक्शन.
रिटर्न वैल्यू:  MapsEventListener नतीजे के तौर पर मिलने वाला इवेंट लिसनर.
मैप इवेंटिंग सिस्टम में दिए गए इवेंट के नाम में दिए गए लिसनर फ़ंक्शन को जोड़ता है.
BetaremoveEventListener
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() के साथ उपलब्ध नहीं है.
Betagmp-click
function(event)
तर्क: 
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 के विज़ुअल का बैक अप लेने वाला DOM एलिमेंट.

ध्यान दें: AdvancedMarkerElement, पास-इन किए गए DOM एलिमेंट का क्लोन नहीं बनाता है. DOM एलिमेंट को AdvancedMarkerElement पर भेजने के बाद, उसी DOM एलिमेंट को दूसरे AdvancedMarkerElement पर पास करने से DOM एलिमेंट बदल जाएगा और पिछला AdvancedMarkerElement खाली दिखेगा.
BetagmpClickable 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 के क्रम में दिखाए जाते हैं. साथ ही, AdvancedMarkerElements के आगे कम वैल्यू के साथ ज़्यादा वैल्यू दिखाई जाती हैं. डिफ़ॉल्ट रूप से, 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 एक DOM एलिमेंट को दिखाता है, जिसमें आकार और ग्लिफ़ होता है. आकार की बलून स्टाइल वही है जो डिफ़ॉल्ट AdvancedMarkerElement में दिखती है. ग्लिफ़ एक वैकल्पिक DOM एलिमेंट है, जिसे बलून के आकार में दिखाया जाता है. PinElement.scale के आधार पर, PinElement का आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) अलग हो सकता है.

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

इस क्लास में 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 देखें.
element
टाइप:  HTMLElement
यह फ़ील्ड रीड-ओनली मोड में है. व्यू का बैक अप लेने वाला DOM एलिमेंट.
glyph
टाइप:  string|Element|URL optional
PinElementOptions.glyph देखें.
glyphColor
टाइप:  string optional
PinElementOptions.glyphColor देखें.
scale
टाइप:  number optional
PinElementOptions.scale देखें.
BetaaddEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
रिटर्न वैल्यू:  void
यह फ़ंक्शन अभी उपयोग के लिए उपलब्ध नहीं है.
BetaremoveEventListener
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
ग्लिफ़ का रंग. किसी भी सीएसएस कलर वैल्यू के साथ काम करता है.
scale optional
टाइप:  number optional
डिफ़ॉल्ट: 1
पिन का स्केल.