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 |
content |
टाइप:
Node optional |
element |
टाइप:
HTMLElement इस फ़ील्ड को सिर्फ़ पढ़ा जा सकता है. व्यू का बैक अप लेने वाला DOM एलिमेंट. |
gmpDraggable |
टाइप:
boolean optional |
map |
टाइप:
Map optional |
position |
टाइप:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional एचटीएमएल एट्रिब्यूट:
|
title |
टाइप:
string एचटीएमएल एट्रिब्यूट:
|
zIndex |
टाइप:
number optional |
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
रिटर्न वैल्यू:
void एक ऐसा फ़ंक्शन सेट अप करता है जिसे टारगेट के लिए तय किया गया इवेंट डिलीवर किए जाने पर कॉल किया जाएगा. addEventListener देखें |
addListener |
addListener(eventName, handler) पैरामीटर:
रिटर्न वैल्यू:
MapsEventListener नतीजे के तौर पर मिलने वाला इवेंट लिसनर.यह Maps इवेंटिंग सिस्टम में दिए गए इवेंट के नाम में, दिए गए लिसनर फ़ंक्शन को जोड़ता है. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
रिटर्न वैल्यू:
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
बनाने के विकल्प.
प्रॉपर्टी | |
---|---|
collisionBehavior optional |
टाइप:
CollisionBehavior optional यह गिनती बताती है कि AdvancedMarkerElement को किसी दूसरे AdvancedMarkerElement से या वेक्टर मैप पर बुनियादी मैप लेबल से टकराने पर कैसे व्यवहार करना चाहिए. ध्यान दें: |
content optional |
टाइप:
Node optional डिफ़ॉल्ट:
PinElement.element AdvancedMarkerElement के विज़ुअल का बैक अप लेने वाला DOM एलिमेंट. ध्यान दें: |
gmpDraggable optional |
टाइप:
boolean optional डिफ़ॉल्ट:
false अगर true हो, तो AdvancedMarkerElement को खींचा जा सकता है. नोट: ऊंचाई वाले |
map optional |
टाइप:
Map optional मैप जिस पर AdvancedMarkerElement दिखाना है. मैप में AdvancedMarkerElement की जानकारी दिखाना ज़रूरी है. अगर निर्माण के समय यह जानकारी नहीं दी गई है, तो AdvancedMarkerElement.map सेट करके यह जानकारी दी जा सकती है. |
position optional |
टाइप:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional AdvancedMarkerElement की पोज़िशन सेट करता है. AdvancedMarkerElement को बिना किसी पोज़िशन के बनाया जा सकता है, लेकिन उसे तब तक नहीं दिखाया जाएगा, जब तक उसकी पोज़िशन तय नहीं की जाती. उदाहरण के लिए, उपयोगकर्ता की कार्रवाइयां या पसंद के हिसाब से. अगर निर्माण के समय यह जानकारी नहीं दी गई है, तो AdvancedMarkerElement.position सेट करके AdvancedMarkerElement की जगह की जानकारी दी जा सकती है. नोट: ऊंचाई वाला |
title optional |
टाइप:
string optional रोलओवर टेक्स्ट. अगर उपलब्ध कराया जाता है, तो दी गई वैल्यू के साथ AdvancedMarkerElement में सुलभता टेक्स्ट (जैसे, स्क्रीन रीडर के साथ इस्तेमाल करने के लिए) जोड़ दिया जाएगा. |
zIndex optional |
टाइप:
number optional सभी AdvancedMarkerElement को मैप पर उनके zIndex के क्रम में दिखाया जाता है. इसमें AdvancedMarkerElement s के आगे ज़्यादा वैल्यू दिखाई जाती हैं और उनकी वैल्यू कम होती हैं. डिफ़ॉल्ट रूप से, 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
में दिखती है. ग्लिफ़ एक वैकल्पिक डीओएम एलिमेंट है, जिसे गुब्बारे के आकार में दिखाया गया है. 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 |
element |
टाइप:
HTMLElement इस फ़ील्ड को सिर्फ़ पढ़ा जा सकता है. व्यू का बैक अप लेने वाला DOM एलिमेंट. |
glyph |
PinElementOptions.glyph देखें. |
glyphColor |
टाइप:
string optional PinElementOptions.glyphColor देखें. |
scale |
टाइप:
number optional PinElementOptions.scale देखें. |
तरीके | |
---|---|
addEventListener |
addEventListener(type, listener[, options]) पैरामीटर:
रिटर्न वैल्यू:
void यह फ़ंक्शन अभी तक उपयोग के लिए उपलब्ध नहीं है. |
removeEventListener |
removeEventListener(type, listener[, options]) पैरामीटर:
रिटर्न वैल्यू:
void टारगेट से, addEventListener के साथ पहले से रजिस्टर किया गया इवेंट लिसनर हटा देता है. removeEventListener देखें |
PinElementOptions इंटरफ़ेस
google.maps.marker.PinElementOptions
इंटरफ़ेस
PinElement
बनाने के विकल्प.
प्रॉपर्टी | |
---|---|
background optional |
टाइप:
string optional पिन के आकार के बैकग्राउंड का रंग. सीएसएस की किसी भी कलर वैल्यू के साथ काम करता है. |
borderColor optional |
टाइप:
string optional पिन के आकार के बॉर्डर का रंग. सीएसएस की किसी भी कलर वैल्यू के साथ काम करता है. |
glyph optional |
पिन में दिखाया गया DOM एलिमेंट. |
glyphColor optional |
टाइप:
string optional ग्लिफ़ का रंग. सीएसएस की किसी भी कलर वैल्यू के साथ काम करता है. |
scale optional |
टाइप:
number optional डिफ़ॉल्ट:
1 पिन का स्केल. |