बेहतरमार्कर वाला एलिमेंट क्लास
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 |
टाइप:
LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional एचटीएमएल एट्रिब्यूट:
|
title |
टाइप:
string एचटीएमएल एट्रिब्यूट:
|
zIndex |
टाइप:
number optional |
तरीके | |
---|---|
|
addEventListener(type, listener[, options]) पैरामीटर:
सामान लौटाने की वैल्यू:
void एक ऐसा फ़ंक्शन सेट अप करता है जिसे तब कॉल किया जाएगा, जब बताए गए इवेंट को टारगेट पर डिलीवर किया जाएगा. addEventListener देखें |
addListener |
addListener(eventName, handler) पैरामीटर:
लौटाने की वैल्यू:
MapsEventListener नतीजे में मिलने वाला इवेंट लिसनर.यह टैग, दिए गए लिसनर फ़ंक्शन को Maps इवेंट सिस्टम में, दिए गए इवेंट के नाम से जोड़ता है. |
|
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() के साथ उपलब्ध नहीं है. |
|
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 सेट करके, 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 PinElementOptions.background देखें. |
borderColor |
टाइप:
string optional |
element |
टाइप:
HTMLElement इस फ़ील्ड को सिर्फ़ पढ़ा जा सकता है. व्यू का बैक अप लेने वाला DOM एलिमेंट. |
glyph |
PinElementOptions.glyph देखें. |
glyphColor |
टाइप:
string optional PinElementOptions.glyphColor देखें. |
scale |
टाइप:
number optional PinElementOptions.scale देखें. |
तरीके | |
---|---|
|
addEventListener(type, listener[, options]) पैरामीटर:
सामान लौटाने की वैल्यू:
void यह फ़ंक्शन अभी इस्तेमाल के लिए उपलब्ध नहीं है. |
|
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 पिन का स्केल. |