Advanced Markers

बेहतरमार्कर वाला एलिमेंट क्लास

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 एपीआई में लाइब्रेरी देखें.

AdvancedMarkerElement
AdvancedMarkerElement([options])
पैरामीटर: 
तय किए गए विकल्पों के साथ AdvancedMarkerElement बनाता है. अगर कोई मैप तय किया गया है, तो निर्माण के बाद मैप में AdvancedMarkerElement को जोड़ दिया जाता है.
collisionBehavior
टाइप:  CollisionBehavior optional
content
टाइप:  Node optional
element
टाइप:  HTMLElement
इस फ़ील्ड को सिर्फ़ पढ़ा जा सकता है. व्यू का बैक अप लेने वाला DOM एलिमेंट.
gmpDraggable
टाइप:  boolean optional
map
टाइप:  Map optional
position
एचटीएमएल एट्रिब्यूट:
  • <gmp-advanced-marker position="lat,lng"></gmp-advanced-marker>
  • <gmp-advanced-marker position="lat,lng,altitude"></gmp-advanced-marker>
title
टाइप:  string
एचटीएमएल एट्रिब्यूट:
  • <gmp-advanced-marker title="string"></gmp-advanced-marker>
zIndex
टाइप:  number optional
BetaaddEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
  • type string:  केस-सेंसिटिव स्ट्रिंग, जिस पर इवेंट के टाइप की जानकारी होती है.
  • listenerEventListener|EventListenerObject वह ऑब्जेक्ट जिसे सूचना मिलती है. यह कोई फ़ंक्शन या कोई ऐसा ऑब्जेक्ट होना चाहिए, जो हैंडलर इवेंट के बारे में बताया गया हो
  • optionsboolean|AddEventListenerOptions optional विकल्प देखें. कस्टम इवेंट सिर्फ़ capture और passive पर काम करते हैं.
सामान लौटाने की वैल्यू:  void
एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब बताए गए इवेंट को टारगेट पर डिलीवर किया जाएगा. addEventListener देखें
addListener
addListener(eventName, handler)
पैरामीटर: 
  • eventNamestring देखा गया इवेंट.
  • handlerFunction इवेंट मैनेज करने के लिए फ़ंक्शन.
लौटाने की वैल्यू:  MapsEventListener नतीजे में मिलने वाला इवेंट लिसनर.
यह टैग, दिए गए लिसनर फ़ंक्शन को Maps इवेंट सिस्टम में, दिए गए इवेंट के नाम से जोड़ता है.
BetaremoveEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • typestring ऐसी स्ट्रिंग जिससे यह तय होता है कि किस तरह के इवेंट के लिए, इवेंट लिसनर को हटाना है.
  • listenerEventListener|EventListenerObject इवेंट हैंडलर से इवेंट पहचानकर्ता.
  • optionsboolean|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 को खाली देखना पड़ेगा.

gmpDraggable optional
टाइप:  boolean optional
डिफ़ॉल्ट: false
true से AdvancedMarkerElement को खींचा और छोड़ा जा सकता है.

ध्यान दें: ऊंचाई वाले AdvancedMarkerElement को खींचा और छोड़ा नहीं जा सकता.

map optional
टाइप:  Map optional
मैप दिखाना, जिस पर AdvancedMarkerElement दिखाना है. अगर मैप निर्माण के दौरान मौजूद नहीं है, तो AdvancedMarkerElement दिखाने के लिए मैप डालना ज़रूरी है और इसे AdvancedMarkerElement.map पर सेट करके दिया जा सकता है.
position optional
AdvancedMarkerElement की जगह सेट करता है. AdvancedMarkerElement को बिना किसी जगह के बनाया जा सकता है. हालांकि, यह तब तक नहीं दिखाया जाएगा, जब तक इसकी जगह की जानकारी नहीं दी जाती. उदाहरण के लिए, उपयोगकर्ता की कोई कार्रवाई या विकल्प. अगर AdvancedMarkerElement.position को बनाने के लिए जगह नहीं दी गई है, तो AdvancedMarkerElement सेट करके, AdvancedMarkerElement की जगह की जानकारी दी जा सकती है.

नोट: ऊंचाई के साथ 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 एपीआई में लाइब्रेरी देखें.

PinElement क्लास

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

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

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

यह क्लास HTMLElement तक बढ़ाई गई है.

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

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

PinElement
PinElement([options])
पैरामीटर: 
background
टाइप:  string optional
borderColor
टाइप:  string optional
element
टाइप:  HTMLElement
इस फ़ील्ड को सिर्फ़ पढ़ा जा सकता है. व्यू का बैक अप लेने वाला DOM एलिमेंट.
glyph
टाइप:  string|Element|URL optional
PinElementOptions.glyph देखें.
glyphColor
टाइप:  string optional
scale
टाइप:  number optional
PinElementOptions.scale देखें.
BetaaddEventListener
addEventListener(type, listener[, options])
पैरामीटर: 
सामान लौटाने की वैल्यू:  void
यह फ़ंक्शन अभी इस्तेमाल के लिए उपलब्ध नहीं है.
BetaremoveEventListener
removeEventListener(type, listener[, options])
पैरामीटर: 
  • typestring ऐसी स्ट्रिंग जिससे यह तय होता है कि किस तरह के इवेंट के लिए, इवेंट लिसनर को हटाना है.
  • listenerEventListener|EventListenerObject इवेंट हैंडलर से इवेंट पहचानकर्ता.
  • optionsboolean|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
पिन का स्केल.