Advanced Markers

AdvancedMarkerElement क्लास

google.maps.marker.AdvancedMarkerElement class
extends HTMLElement
implements AdvancedMarkerElementOptions
library "marker"

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

   
<gmp-advanced-marker
  anchor-left="string"
  anchor-top="string"
  gmp-clickable
  position="lat,lng"
  title="string">
</gmp-advanced-marker>

const {AdvancedMarkerElement} = await google.maps.importLibrary("marker");

निर्माता
AdvancedMarkerElement	AdvancedMarkerElement([options]) पैरामीटर: options: AdvancedMarkerElementOptions optional तय किए गए विकल्पों के साथ AdvancedMarkerElement बनाता है. अगर कोई मैप तय किया गया है, तो AdvancedMarkerElement को मैप पर जोड़ दिया जाता है.

प्रॉपर्टी
anchorLeft attr: anchor-left	टाइप: string optional डिफ़ॉल्ट: "-50%" सीएसएस लेंथ-परसेंटेज वैल्यू, जिसका इस्तेमाल मार्कर के ऐंकर पॉइंट को मार्कर के सबसे ऊपर बाएं कोने से ऑफ़सेट करने के लिए किया जाता है. यह तब काम आता है, जब किसी ऐसे विज़ुअल का इस्तेमाल किया जा रहा हो जिसका ऐंकर पॉइंट, डिफ़ॉल्ट मार्कर के सामान्य बॉटम सेंटर पॉइंट से अलग हो. एचटीएमएल एट्रिब्यूट: anchor-left="string"
anchorTop attr: anchor-top	टाइप: string optional डिफ़ॉल्ट: "-100%" सीएसएस लेंथ-परसेंटेज वैल्यू, जिसका इस्तेमाल मार्कर के ऐंकर पॉइंट को मार्कर के सबसे ऊपर बाएं कोने से ऑफ़सेट करने के लिए किया जाता है. यह तब काम आता है, जब किसी ऐसे विज़ुअल का इस्तेमाल किया जा रहा हो जिसका ऐंकर पॉइंट, डिफ़ॉल्ट मार्कर के सामान्य बॉटम सेंटर पॉइंट से अलग हो. एचटीएमएल एट्रिब्यूट: anchor-top="string"
collisionBehavior	टाइप: CollisionBehavior optional AdvancedMarkerElementOptions.collisionBehavior देखें.
gmpClickable attr: gmp-clickable	टाइप: boolean optional AdvancedMarkerElementOptions.gmpClickable देखें. एचटीएमएल एट्रिब्यूट: gmp-clickable
gmpDraggable	टाइप: boolean optional AdvancedMarkerElementOptions.gmpDraggable देखें.
map	टाइप: Map optional AdvancedMarkerElementOptions.map देखें.
position attr: position	टाइप: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional AdvancedMarkerElementOptions.position देखें. एचटीएमएल एट्रिब्यूट: position="lat,lng" position="lat,lng,altitude"
title attr: title	टाइप: string AdvancedMarkerElementOptions.title देखें. एचटीएमएल एट्रिब्यूट: title="string"
zIndex	टाइप: number optional AdvancedMarkerElementOptions.zIndex देखें.
element readonly	अब इस्तेमाल नहीं किया जा सकता: AdvancedMarkerElement का सीधे तौर पर इस्तेमाल करें. टाइप: HTMLElement इस फ़ील्ड को सिर्फ़ पढ़ा जा सकता है. व्यू को सपोर्ट करने वाला डीओएम एलिमेंट.
content	इस्तेमाल पर रोक लगा दी गई है: इसके बजाय, .children का इस्तेमाल करें. टाइप: Node optional AdvancedMarkerElementOptions.content देखें.

तरीके
addListener	addListener(eventName, handler) पैरामीटर: eventName: string को मनाया जाने वाला इवेंट. handler: Function इवेंट मैनेज करने के लिए फ़ंक्शन. रिटर्न वैल्यू: MapsEventListener इवेंट लिसनर. यह Maps इवेंटिंग सिस्टम में, दिए गए इवेंट के नाम में दिए गए लिसनर फ़ंक्शन को जोड़ता है.
इनहेरिट की गई: 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 ज़रूरी नहीं	टाइप: string optional डिफ़ॉल्ट: "-50%" सीएसएस लेंथ-परसेंटेज वैल्यू, जिसका इस्तेमाल मार्कर के ऐंकर पॉइंट को मार्कर के सबसे ऊपर बाएं कोने से ऑफ़सेट करने के लिए किया जाता है. यह तब काम आता है, जब किसी ऐसे विज़ुअल का इस्तेमाल किया जा रहा हो जिसका ऐंकर पॉइंट, डिफ़ॉल्ट मार्कर के सामान्य बॉटम सेंटर पॉइंट से अलग हो.
anchorTop ज़रूरी नहीं	टाइप: string optional डिफ़ॉल्ट: "-100%" सीएसएस लेंथ-परसेंटेज वैल्यू, जिसका इस्तेमाल मार्कर के ऐंकर पॉइंट को मार्कर के सबसे ऊपर बाएं कोने से ऑफ़सेट करने के लिए किया जाता है. यह तब काम आता है, जब किसी ऐसे विज़ुअल का इस्तेमाल किया जा रहा हो जिसका ऐंकर पॉइंट, डिफ़ॉल्ट मार्कर के सामान्य बॉटम सेंटर पॉइंट से अलग हो.
collisionBehavior ज़रूरी नहीं	टाइप: CollisionBehavior optional एक सूची, जिसमें यह बताया गया है कि जब कोई AdvancedMarkerElement किसी दूसरे AdvancedMarkerElement या वेक्टर मैप पर बुनियादी मैप के लेबल से टकराता है, तो उसे कैसा व्यवहार करना चाहिए. ध्यान दें: AdvancedMarkerElement से AdvancedMarkerElement का कोलिज़न, रास्टर और वेक्टर मैप, दोनों पर काम करता है. हालांकि, AdvancedMarkerElement से बुनियादी मैप के लेबल का कोलिज़न, सिर्फ़ वेक्टर मैप पर काम करता है.
content ज़रूरी नहीं	टाइप: Node optional डिफ़ॉल्ट: PinElement AdvancedMarkerElement के विज़ुअल को सपोर्ट करने वाला डीओएम एलिमेंट. ध्यान दें: AdvancedMarkerElement, पास किए गए डीओएम एलिमेंट का क्लोन नहीं बनाता. डीओएम एलिमेंट को किसी AdvancedMarkerElement में पास करने के बाद, उसी डीओएम एलिमेंट को किसी दूसरे AdvancedMarkerElement में पास करने पर, डीओएम एलिमेंट मूव हो जाएगा. इससे पिछला AdvancedMarkerElement खाली दिखेगा.
gmpClickable ज़रूरी नहीं	टाइप: boolean optional डिफ़ॉल्ट: false true होने पर, AdvancedMarkerElement पर क्लिक किया जा सकेगा और gmp-click इवेंट ट्रिगर होगा.साथ ही, ऐक्सेसिबिलिटी से जुड़े काम भी किए जा सकेंगे. उदाहरण के लिए, कीबोर्ड के ऐरो वाले बटन से यूआई ऐक्सेस किया जा सकेगा.
gmpDraggable ज़रूरी नहीं	टाइप: boolean optional डिफ़ॉल्ट: false true होने पर, AdvancedMarkerElement को खींचकर छोड़ा जा सकता है. ध्यान दें: ऊंचाई के साथ AdvancedMarkerElement को खींचकर नहीं छोड़ा जा सकता.
map ज़रूरी नहीं	टाइप: Map optional वह मैप जिस पर AdvancedMarkerElement को दिखाना है. AdvancedMarkerElement दिखाने के लिए मैप ज़रूरी है. अगर मैप को कंस्ट्रक्शन के समय नहीं दिया गया है, तो इसे AdvancedMarkerElement.map सेट करके दिया जा सकता है.
position ज़रूरी नहीं	टाइप: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional AdvancedMarkerElement की पोज़िशन सेट करता है. AdvancedMarkerElement को बिना किसी पोज़िशन के बनाया जा सकता है. हालांकि, इसे तब तक नहीं दिखाया जाएगा, जब तक इसकी पोज़िशन नहीं दी जाती. उदाहरण के लिए, उपयोगकर्ता की कार्रवाइयों या विकल्पों के हिसाब से. अगर कंस्ट्रक्शन के समय AdvancedMarkerElement की पोज़िशन नहीं दी गई है, तो AdvancedMarkerElement.position को सेट करके उसकी पोज़िशन दी जा सकती है. ध्यान दें: ऊंचाई के साथ AdvancedMarkerElement की सुविधा, सिर्फ़ वेक्टर मैप पर काम करती है.
title ज़रूरी नहीं	टाइप: string optional रोलओवर टेक्स्ट. अगर सुलभता टेक्स्ट दिया जाता है, तो उसे दी गई वैल्यू के साथ AdvancedMarkerElement में जोड़ दिया जाएगा. उदाहरण के लिए, स्क्रीन रीडर के साथ इस्तेमाल करने के लिए.
zIndex ज़रूरी नहीं	टाइप: number optional सभी AdvancedMarkerElement को उनके zIndex के क्रम में मैप पर दिखाया जाता है. इसमें ज़्यादा वैल्यू वाले, कम वैल्यू वाले AdvancedMarkerElement के सामने दिखते हैं. डिफ़ॉल्ट रूप से, AdvancedMarkerElement स्क्रीन पर उनकी लंबाई में स्थिति के हिसाब से दिखते हैं. इसमें, स्क्रीन पर सबसे नीचे मौजूद AdvancedMarkerElement, स्क्रीन पर सबसे ऊपर मौजूद AdvancedMarkerElement के सामने दिखते हैं. साफ़ तौर पर बताए गए zIndex वाले मार्कर और बिना वाले मार्कर को मिलाने से, अनचाहे विज़ुअल नतीजे मिल सकते हैं. यह पक्का करने के लिए कि मार्कर उम्मीद के मुताबिक काम करें, हमारा सुझाव है कि आप सभी मार्कर के लिए zIndex सेट करें या इसे सेट न करें. ध्यान दें कि zIndex का इस्तेमाल, CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY ऐडवांस मार्कर के बीच प्राथमिकता तय करने के लिए भी किया जाता है. zIndex की ज़्यादा वैल्यू का मतलब है कि प्राथमिकता ज़्यादा है.

AdvancedMarkerClickEvent क्लास

google.maps.marker.AdvancedMarkerClickEvent class
extends Event
library "marker"

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

const {AdvancedMarkerClickEvent} = await google.maps.importLibrary("marker");

PinElement क्लास

google.maps.marker.PinElement class
extends HTMLElement
implements PinElementOptions
library "marker"

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

const {PinElement} = await google.maps.importLibrary("marker");

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

तरीके
इनहेरिट की गई: addEventListener, removeEventListener

PinElementOptions इंटरफ़ेस

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

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

प्रॉपर्टी
background ज़रूरी नहीं	टाइप: string optional पिन के आकार का बैकग्राउंड कलर. इसमें सीएसएस की किसी भी कलर वैल्यू का इस्तेमाल किया जा सकता है.
borderColor ज़रूरी नहीं	टाइप: string optional पिन के आकार के बॉर्डर का रंग. इसमें सीएसएस की किसी भी कलर वैल्यू का इस्तेमाल किया जा सकता है.
glyph ज़रूरी नहीं	इस्तेमाल पर रोक लगा दी गई है: इसके बजाय, PinElementOptions.glyphText या PinElementOptions.glyphSrc का इस्तेमाल करें. टाइप: string|Element|URL optional पिन में दिखाया गया DOM एलिमेंट.
glyphColor ज़रूरी नहीं	टाइप: string optional ग्लिफ़ का रंग. इसमें सीएसएस की किसी भी कलर वैल्यू का इस्तेमाल किया जा सकता है.
glyphSrc ज़रूरी नहीं	टाइप: URL|string optional पिन में दिखाई जाने वाली ग्लिफ़ इमेज का सोर्स.
glyphText ज़रूरी नहीं	टाइप: string optional पिन में दिखने वाला टेक्स्ट.
scale ज़रूरी नहीं	टाइप: number optional डिफ़ॉल्ट: 1 पिन का स्केल.