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]) पैरामीटर:  options:  AdvancedMarkerElementOptions optional दिए गए विकल्पों के साथ एक AdvancedMarkerElement बनाता है. अगर मैप के बारे में बताया गया है, तो निर्माण के बाद AdvancedMarkerElement को मैप में जोड़ दिया जाता है.

प्रॉपर्टी
collisionBehavior	टाइप:  CollisionBehavior optional AdvancedMarkerElementOptions.collisionBehavior देखें.
content	टाइप:  Node optional AdvancedMarkerElementOptions.content देखें.
element	टाइप:  HTMLElement इस फ़ील्ड को सिर्फ़ पढ़ा जा सकता है. व्यू का बैक अप लेने वाला DOM एलिमेंट.
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 वह ऑब्जेक्ट जिसे सूचना मिलती है. यह हैंडल इवेंट के तरीके वाला कोई फ़ंक्शन या ऑब्जेक्ट होना चाहिए 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 के विज़ुअल का बैक अप लेने वाला 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	टाइप:  LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional AdvancedMarkerElement की पोज़िशन सेट करता है. AdvancedMarkerElement को बिना किसी पोज़िशन के बनाया जा सकता है, लेकिन उसे तब तक नहीं दिखाया जाएगा, जब तक उसकी पोज़िशन तय नहीं की जाती. उदाहरण के लिए, उपयोगकर्ता की कार्रवाइयां या पसंद के हिसाब से. अगर निर्माण के समय यह जानकारी नहीं दी गई है, तो AdvancedMarkerElement.position सेट करके AdvancedMarkerElement की जगह की जानकारी दी जा सकती है. नोट: ऊंचाई वाला 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 क्लास

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

यह इवेंट, बेहतर मार्कर पर क्लिक करके बनाया गया है. event.target.position से मार्कर की जगह ऐक्सेस करें.

इस क्लास में Event को शामिल किया जाता है.

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

PinElement क्लास

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

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

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

इस क्लास में 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 इस फ़ील्ड को सिर्फ़ पढ़ा जा सकता है. व्यू का बैक अप लेने वाला DOM एलिमेंट.
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 पिन में दिखाया गया DOM एलिमेंट.
glyphColor optional	टाइप:  string optional ग्लिफ़ का रंग. सीएसएस की किसी भी कलर वैल्यू के साथ काम करता है.
scale optional	टाइप:  number optional डिफ़ॉल्ट: 1 पिन का स्केल.