Marker क्लास
class
google.maps.Marker
extends MVCObject
library "marker"
const {Marker} = await google.maps.importLibrary("marker");
निर्माता | |
|---|---|
Marker |
Marker([opts])पैरामीटर:
तय किए गए विकल्पों के साथ मार्कर बनाता है. अगर कोई मैप तय किया गया है, तो मार्कर को मैप पर जोड़ दिया जाता है. ध्यान दें कि मार्कर को दिखाने के लिए, उसकी पोज़िशन सेट करना ज़रूरी है. |
कॉन्स्टेंट | |
|---|---|
MAX_ZINDEX |
एपीआई, किसी मार्कर को ज़्यादा से ज़्यादा डिफ़ॉल्ट z-इंडेक्स असाइन करेगा. मार्कर को सबसे आगे लाने के लिए, ज़्यादा z-इंडेक्स सेट किया जा सकता है. |
तरीके | |
|---|---|
getAnimation |
getAnimation()पैरामीटर: कोई नहीं
रिटर्न वैल्यू:
Animation|null|undefinedफ़िलहाल चल रहे ऐनिमेशन की जानकारी पाना. |
getClickable |
getClickable()पैरामीटर: कोई नहीं
Return Value:
boolean अगर मार्कर पर क्लिक किया जा सकता है, तो True. के क्लिक किए जा सकने वाले स्टेटस की जानकारी पाना. |
getCursor |
getCursor()पैरामीटर: कोई नहीं
रिटर्न वैल्यू:
string|null|undefinedकर्सर को होवर करने पर दिखने वाले माउस कर्सर का टाइप पाएं. |
getDraggable |
getDraggable()पैरामीटर: कोई नहीं
नतीजे के तौर पर मिलने वाली वैल्यू:
boolean अगर मार्कर को खींचकर छोड़ा जा सकता है, तो True. को खींचकर छोड़ने की सुविधा की स्थिति की जानकारी पाना. |
getIcon |
getIcon()पैरामीटर: कोई नहीं
का आइकॉन पाएं. MarkerOptions.icon देखें. |
getLabel |
getLabel()पैरामीटर: कोई नहीं
रिटर्न वैल्यू:
MarkerLabel|string|null|undefined का लेबल पाएं. MarkerOptions.label देखें. |
getMap |
getMap()पैरामीटर: कोई नहीं
रिटर्न वैल्यू:
Map|StreetViewPanorama|nullवह मैप या पैनोरमा पाएं जिस पर रेंडर किया गया है. |
getOpacity |
getOpacity()पैरामीटर: कोई नहीं
नतीजे के तौर पर मिलने वाली वैल्यू:
number|null|undefined 0.0 और 1.0 के बीच की कोई संख्या. की ओपैसिटी पाएं. |
getPosition |
getPosition()पैरामीटर: कोई नहीं
रिटर्न वैल्यू:
LatLng|null|undefined की पोज़िशन की जानकारी पाना. |
getShape |
getShape()पैरामीटर: कोई नहीं
रिटर्न वैल्यू:
MarkerShape|null|undefined |
getTitle |
getTitle()पैरामीटर: कोई नहीं
रिटर्न वैल्यू:
string|null|undefined टूलटिप का टाइटल पाएं. MarkerOptions.title देखें. |
getVisible |
getVisible()पैरामीटर: कोई नहीं
नतीजे के तौर पर मिलने वाली वैल्यू:
boolean अगर मार्कर दिख रहा है, तो True. की विज़िबिलिटी पाएं. |
getZIndex |
getZIndex()पैरामीटर: कोई नहीं
रिटर्न वैल्यू: मार्कर का
number|null|undefined zIndex. का zIndex पाएं. MarkerOptions.zIndex देखें. |
setAnimation |
setAnimation([animation])पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
कोई ऐनिमेशन शुरू करना. चल रहा कोई भी ऐनिमेशन रद्द हो जाएगा. फ़िलहाल, ये ऐनिमेशन इस्तेमाल किए जा सकते हैं: Animation.BOUNCE, Animation.DROP. null पास करने पर, कोई भी ऐनिमेशन रुक जाएगा. |
setClickable |
setClickable(flag)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
सेट करें कि पर क्लिक किया जा सकता है या नहीं. |
setCursor |
setCursor([cursor])पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
कर्सर घुमाने पर दिखने वाले माउस कर्सर का टाइप सेट करें. |
setDraggable |
setDraggable(flag)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
सेट करें कि खींचने और छोड़ने लायक एलिमेंट है या नहीं. |
setIcon |
setIcon([icon])रिटर्न वैल्यू: कोई नहीं
के लिए आइकॉन सेट करें. MarkerOptions.icon देखें. |
setLabel |
setLabel([label])पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
के लिए लेबल सेट करें. MarkerOptions.label देखें. |
setMap |
setMap(map)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
यह तय किए गए मैप या पैनोरामा पर को रेंडर करता है. अगर मैप को null पर सेट किया जाता है, तो मार्कर हटा दिया जाएगा. |
setOpacity |
setOpacity([opacity])पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
की ओपैसिटी सेट करें. |
setOptions |
setOptions(options)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
के लिए विकल्प सेट करें. |
setPosition |
setPosition([latlng])पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
के लिए पोज़िशन सेट करें. |
setShape |
setShape([shape])पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इंटरैक्शन के लिए इस्तेमाल किए जाने वाले का आकार सेट करें. MarkerOptions.shape और MarkerShape पढ़ें. |
setTitle |
setTitle([title])पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
टूलटिप का टाइटल सेट करें. MarkerOptions.title देखें. |
setVisible |
setVisible(visible)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
सेट करें कि दिखे या नहीं. |
setZIndex |
setZIndex([zIndex])पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
का zIndex सेट करें. MarkerOptions.zIndex देखें. |
इनहेरिट की गई:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
इवेंट | |
|---|---|
animation_changed |
function()आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब ऐनिमेशन प्रॉपर्टी में बदलाव होता है. |
click |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब आइकॉन पर क्लिक किया जाता है. |
clickable_changed |
function()आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब क्लिक की जा सकने वाली प्रॉपर्टी में बदलाव होता है. |
contextmenu |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पर DOM contextmenu इवेंट ट्रिगर होता है |
cursor_changed |
function()आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब कर्सर प्रॉपर्टी में बदलाव होता है. |
dblclick |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब आइकॉन पर दो बार क्लिक किया जाता है. |
drag |
function(event)आर्ग्युमेंट:
जब उपयोगकर्ता को खींचता है, तब यह इवेंट बार-बार ट्रिगर होता है. |
dragend |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता को खींचना और छोड़ना बंद कर देता है. |
draggable_changed |
function()आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब की खींचने और छोड़ने लायक प्रॉपर्टी बदलती है. |
dragstart |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता को खींचना और छोड़ना शुरू करता है. |
flat_changed |
function()आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब फ़्लैट प्रॉपर्टी में बदलाव होता है. |
icon_changed |
function()आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब आइकॉन की प्रॉपर्टी बदलती है. |
mousedown |
function(event)आर्ग्युमेंट:
यह इवेंट, पर माउसडाउन के लिए ट्रिगर होता है. |
mouseout |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब माउस आइकॉन के एरिया से बाहर जाता है. |
mouseover |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब माउस आइकॉन के एरिया में जाता है. |
mouseup |
function(event)आर्ग्युमेंट:
यह इवेंट, पर माउसअप के लिए ट्रिगर होता है. |
position_changed |
function()आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब पोज़िशन प्रॉपर्टी में बदलाव होता है. |
shape_changed |
function()आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब शेप की प्रॉपर्टी में बदलाव होता है. |
title_changed |
function()आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब टाइटल प्रॉपर्टी में बदलाव होता है. |
visible_changed |
function()आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब की दिखने वाली प्रॉपर्टी में बदलाव होता है. |
zindex_changed |
function()आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब zIndex प्रॉपर्टी में बदलाव होता है. |
|
function(event)आर्ग्युमेंट:
यह इवेंट, पर राइट क्लिक करने पर ट्रिगर होता है. |
MarkerOptions इंटरफ़ेस
इंटरफ़ेस
google.maps.MarkerOptions
MarkerOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें मार्कर पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
anchorPoint
ज़रूरी नहीं |
टाइप:
Point optionalमार्कर की पोज़िशन से InfoWindow के सिरे तक का ऑफ़सेट, जिसे मार्कर को ऐंकर के तौर पर इस्तेमाल करके खोला गया है. |
animation
ज़रूरी नहीं |
टाइप:
Animation optionalडिफ़ॉल्ट:
nullमैप में मार्कर जोड़ने पर कौनसा ऐनिमेशन चलाना है. |
clickable
ज़रूरी नहीं |
टाइप:
boolean optionalडिफ़ॉल्ट:
trueअगर true है, तो मार्कर को माउस और टच इवेंट मिलते हैं. |
ज़रूरी नहीं |
टाइप:
string|CollisionBehavior optionalडिफ़ॉल्ट:
nullवेक्टर मैप पर मार्कर के लिए, एक से ज़्यादा मार्कर कंट्रोल करने से जुड़ी सेटिंग सेट करें. |
crossOnDrag
ज़रूरी नहीं |
टाइप:
boolean optionalडिफ़ॉल्ट:
trueअगर false है, तो मार्कर को खींचकर छोड़ने पर उसके नीचे दिखने वाले क्रॉस को बंद कर देता है. |
cursor
ज़रूरी नहीं |
टाइप:
string optionalडिफ़ॉल्ट:
pointerकर्सर को होवर करने पर दिखने वाले माउस कर्सर का टाइप. |
draggable
ज़रूरी नहीं |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseअगर वैल्यू true पर सेट है, तो मार्कर को खींचा और छोड़ा जा सकता है. ध्यान दें: इसे true पर सेट करने से, मार्कर पर क्लिक किया जा सकेगा. भले ही, clickable को false पर सेट किया गया हो. |
icon
ज़रूरी नहीं |
फ़ोरग्राउंड के लिए आइकॉन. अगर कोई स्ट्रिंग दी जाती है, तो उसे Icon के तौर पर माना जाता है. साथ ही, स्ट्रिंग को url के तौर पर माना जाता है. |
label
ज़रूरी नहीं |
टाइप:
string|MarkerLabel optionalडिफ़ॉल्ट:
nullमार्कर में लेबल जोड़ता है. मार्कर लेबल, मार्कर के अंदर दिखने वाला कोई अक्षर या संख्या होती है. लेबल, स्ट्रिंग या MarkerLabel ऑब्जेक्ट हो सकता है. अगर यह पैरामीटर दिया गया है और MarkerOptions.title नहीं दिया गया है, तो मार्कर में सुलभता टेक्स्ट (उदाहरण के लिए, स्क्रीन रीडर के साथ इस्तेमाल करने के लिए) जोड़ा जाएगा. इसमें दिए गए लेबल का टेक्स्ट शामिल होगा. कृपया ध्यान दें कि फ़िलहाल, label का इस्तेमाल सिर्फ़ ऑप्टिमाइज़ नहीं किए गए मार्कर के लिए, सुलभता टेक्स्ट के तौर पर किया जाता है. |
map
ज़रूरी नहीं |
टाइप:
Map|StreetViewPanorama optionalवह मैप जिस पर मार्कर दिखाना है. मार्कर दिखाने के लिए मैप ज़रूरी है. अगर मार्कर बनाते समय मैप नहीं दिया गया है, तो उसे Marker.setMap के साथ दिया जा सकता है. |
opacity
ज़रूरी नहीं |
टाइप:
number optionalडिफ़ॉल्ट: 1.0
0.0 (पारदर्शी) और 1.0 (अपारदर्शी) के बीच की कोई संख्या. |
optimized
ज़रूरी नहीं |
टाइप:
boolean optionalऑप्टिमाइज़ेशन की सुविधा, कई मार्कर को एक स्टैटिक एलिमेंट के तौर पर रेंडर करके परफ़ॉर्मेंस को बेहतर बनाती है. यह उन मामलों में काम आता है जहां बड़ी संख्या में मार्कर की ज़रूरत होती है. मार्कर ऑप्टिमाइज़ेशन के बारे में ज़्यादा जानें. ध्यान दें: इस ऑप्टिमाइज़ेशन का असर, वेक्टर मैप पर मौजूद मार्कर पर नहीं पड़ता. |
position
ज़रूरी नहीं |
टाइप:
LatLng|LatLngLiteral optionalमार्कर की पोज़िशन सेट करता है. मार्कर बनाया जा सकता है, लेकिन उसकी पोज़िशन की जानकारी दिए बिना उसे दिखाया नहीं जा सकता. उदाहरण के लिए, उपयोगकर्ता की कार्रवाइयों या विकल्पों के आधार पर. अगर मार्कर बनाते समय मार्कर की पोज़िशन नहीं दी गई है, तो उसे Marker.setPosition के साथ दिया जा सकता है. |
shape
ज़रूरी नहीं |
टाइप:
MarkerShape optionalइमेज मैप के क्षेत्र की जानकारी, जिसका इस्तेमाल खींचने और छोड़ने/क्लिक करने के लिए किया जाता है. |
title
ज़रूरी नहीं |
टाइप:
string optionalडिफ़ॉल्ट:
undefinedरोलओवर टेक्स्ट. अगर सुलभता टेक्स्ट दिया जाता है, तो उसे मार्कर में जोड़ दिया जाएगा. उदाहरण के लिए, स्क्रीन रीडर के साथ इस्तेमाल करने के लिए. कृपया ध्यान दें कि फ़िलहाल, title का इस्तेमाल सिर्फ़ ऑप्टिमाइज़ नहीं किए गए मार्कर के लिए, सुलभता टेक्स्ट के तौर पर किया जाता है. |
visible
ज़रूरी नहीं |
टाइप:
boolean optionalडिफ़ॉल्ट:
trueअगर true है, तो मार्कर दिखता है. |
zIndex
ज़रूरी नहीं |
टाइप:
number optionalसभी मार्कर, मैप पर उनके zIndex के क्रम में दिखाए जाते हैं. इसमें ज़्यादा वैल्यू वाले मार्कर, कम वैल्यू वाले मार्कर के सामने दिखाए जाते हैं. डिफ़ॉल्ट रूप से, मार्कर स्क्रीन पर उनकी लंबाई में स्थिति के हिसाब से दिखते हैं. इसमें नीचे वाले मार्कर, स्क्रीन पर ऊपर मौजूद मार्कर के सामने दिखते हैं. |
CollisionBehavior कॉन्सटेंट
कॉन्सटैंट
google.maps.CollisionBehavior
लाइब्रेरी "marker"
इन कॉन्सटैंट को स्ट्रिंग के तौर पर भी इस्तेमाल किया जा सकता है. TypeScript में, स्ट्रिंग लिटरल को CollisionBehaviorString टाइप से तय किया जाता है.
const {CollisionBehavior} = await google.maps.importLibrary("marker");
कॉन्स्टेंट | |
|---|---|
OPTIONAL_AND_HIDES_LOWER_PRIORITY |
मार्कर को सिर्फ़ तब दिखाएं, जब वह अन्य मार्कर के साथ ओवरलैप न हो. अगर इस तरह के दो मार्कर ओवरलैप होते हैं, तो ज़्यादा zIndex वाला मार्कर दिखाया जाता है. अगर उनका zIndex एक जैसा है, तो वर्टिकल स्क्रीन पर कम पोज़िशन वाला मार्कर दिखाया जाता है. |
REQUIRED |
मार्कर को हमेशा दिखाएं, भले ही वह किसी दूसरे मार्कर से ओवरलैप हो रहा हो. यह डिफ़ॉल्ट ऐक्शन और सेटिंग है. |
REQUIRED_AND_HIDES_OPTIONAL |
मार्कर को हमेशा दिखाएं, भले ही वह किसी दूसरे मार्कर से ओवरलैप हो रहा हो. साथ ही, OPTIONAL_AND_HIDES_LOWER_PRIORITY वाले ऐसे मार्कर या लेबल छिपाएं जो मार्कर से ओवरलैप हो रहे हों. |
आइकॉन इंटरफ़ेस
इंटरफ़ेस
google.maps.Icon
मार्कर आइकॉन की इमेज दिखाने वाला स्ट्रक्चर.
प्रॉपर्टी | |
|---|---|
url |
टाइप:
stringइमेज या स्प्राइट शीट का यूआरएल. |
anchor
ज़रूरी नहीं |
टाइप:
Point optionalमैप पर मार्कर की जगह के हिसाब से, इमेज को ऐंकर करने की जगह. डिफ़ॉल्ट रूप से, ऐंकर इमेज के सबसे निचले हिस्से के बीच में मौजूद होता है. |
labelOrigin
ज़रूरी नहीं |
टाइप:
Point optionalअगर मार्कर से कोई लेबल दिया गया है, तो आइकॉन इमेज के सबसे ऊपर बाएं कोने के हिसाब से लेबल की शुरुआत. डिफ़ॉल्ट रूप से, ऑरिजिन इमेज के सेंटर पॉइंट में मौजूद होता है. |
origin
ज़रूरी नहीं |
टाइप:
Point optionalस्प्राइट में इमेज की पोज़िशन, अगर कोई हो. डिफ़ॉल्ट रूप से, ऑरिजिन इमेज के सबसे ऊपर बाएं कोने में होता है (0, 0). |
scaledSize
ज़रूरी नहीं |
टाइप:
Size optionalस्केल करने के बाद, पूरी इमेज का साइज़. किसी इमेज या स्प्राइट को स्ट्रेच करने या छोटा करने के लिए, इस प्रॉपर्टी का इस्तेमाल करें. |
size
ज़रूरी नहीं |
टाइप:
Size optionalस्प्राइट या इमेज का डिसप्ले साइज़. स्प्राइट का इस्तेमाल करते समय, आपको स्प्राइट का साइज़ बताना होगा. अगर साइज़ नहीं दिया गया है, तो इमेज लोड होने पर यह सेट हो जाएगा. |
MarkerLabel इंटरफ़ेस
इंटरफ़ेस
google.maps.MarkerLabel
इन विकल्पों से यह तय होता है कि मार्कर लेबल कैसा दिखेगा. मार्कर लेबल एक स्ट्रिंग (अक्सर एक वर्ण) होता है, जो मार्कर के अंदर दिखेगा. अगर इसका इस्तेमाल किसी कस्टम मार्कर के साथ किया जा रहा है, तो Icon क्लास में labelOrigin प्रॉपर्टी की मदद से इसकी जगह बदली जा सकती है.
प्रॉपर्टी | |
|---|---|
text |
टाइप:
stringलेबल में दिखने वाला टेक्स्ट. |
className
ज़रूरी नहीं |
टाइप:
string optionalडिफ़ॉल्ट:
'' (खाली स्ट्रिंग)लेबल के एलिमेंट की className प्रॉपर्टी (एलिमेंट के क्लास एट्रिब्यूट के बराबर). स्पेस से अलग की गई कई सीएसएस क्लास जोड़ी जा सकती हैं. फ़ॉन्ट का रंग, साइज़, वेट, और फ़ैमिली को सिर्फ़ MarkerLabel की अन्य प्रॉपर्टी के ज़रिए सेट किया जा सकता है. अगर मार्कर को आपस में टकराने से रोकने की सुविधा का इस्तेमाल किया जा रहा है, तो लेबल की पोज़िशन या ओरिएंटेशन बदलने के लिए, सीएसएस क्लास का इस्तेमाल नहीं किया जाना चाहिए. उदाहरण के लिए, ट्रांसलेशन और रोटेशन का इस्तेमाल करना. |
color
ज़रूरी नहीं |
टाइप:
string optionalडिफ़ॉल्ट:
'black'लेबल टेक्स्ट का रंग. |
fontFamily
ज़रूरी नहीं |
टाइप:
string optionalलेबल टेक्स्ट की फ़ॉन्ट फ़ैमिली (सीएसएस फ़ॉन्ट-फ़ैमिली प्रॉपर्टी के बराबर). |
fontSize
ज़रूरी नहीं |
टाइप:
string optionalडिफ़ॉल्ट:
'14px'लेबल टेक्स्ट का फ़ॉन्ट साइज़ (सीएसएस फ़ॉन्ट-साइज़ प्रॉपर्टी के बराबर). |
fontWeight
ज़रूरी नहीं |
टाइप:
string optionalलेबल टेक्स्ट के फ़ॉन्ट की मोटाई (सीएसएस फ़ॉन्ट-वेट प्रॉपर्टी के बराबर). |
MarkerShape इंटरफ़ेस
इंटरफ़ेस
google.maps.MarkerShape
यह ऑब्जेक्ट, मार्कर इमेज के क्लिक किए जा सकने वाले हिस्से को तय करता है. शेप में दो प्रॉपर्टी होती हैं — type और coord. इनसे इमेज के अपारदर्शी हिस्से के बारे में पता चलता है.
प्रॉपर्टी | |
|---|---|
type |
टाइप:
stringयह आकार के टाइप के बारे में बताता है. यह circle, poly या rect हो सकता है. |
coords
ज़रूरी नहीं |
टाइप:
Array<number> optionalइस एट्रिब्यूट का फ़ॉर्मैट, type की वैल्यू पर निर्भर करता है. साथ ही, यह http://www.w3.org/TR/REC-html40/struct/objects.html#adef-coords पर मौजूद w3 AREA coords की खास जानकारी के मुताबिक होता है. coords एट्रिब्यूट, पूर्णांकों का एक कलेक्शन होता है. इससे टारगेट इमेज के सबसे ऊपर बाएं कोने के हिसाब से, शेप की पिक्सल पोज़िशन तय होती है. कोऑर्डिनेट, type की वैल्यू पर निर्भर करते हैं. जैसे: - circle: कोऑर्डिनेट [x1,y1,r] हैं. इसमें x1, y2 वृत्त के केंद्र के कोऑर्डिनेट हैं और r वृत्त की त्रिज्या है. - poly: coords, [x1,y1,x2,y2...xn,yn] है. इसमें हर x,y पेयर में पॉलीगॉन के एक वर्टेक्स के कोऑर्डिनेट होते हैं. - rect: coords is [x1,y1,x2,y2], जहां x1,y1 रेक्टैंगल के ऊपरी-बाएं कोने के निर्देशांक हैं और x2,y2 रेक्टैंगल के निचले-दाएं कोने के निर्देशांक हैं. |
Symbol इंटरफ़ेस
इंटरफ़ेस
google.maps.Symbol
यह किसी सिंबल के बारे में बताता है. इसमें स्टाइल के साथ वेक्टर पाथ शामिल होता है. किसी सिंबल का इस्तेमाल, मार्कर के आइकॉन के तौर पर किया जा सकता है या उसे पॉलीलाइन पर रखा जा सकता है.
प्रॉपर्टी | |
|---|---|
path |
टाइप:
SymbolPath|stringसिंबल का पाथ, जो पहले से मौजूद सिंबल पाथ होता है या एसवीजी पाथ नोटेशन का इस्तेमाल करके बनाया गया कस्टम पाथ होता है. ज़रूरी है. |
anchor
ज़रूरी नहीं |
टाइप:
Point optionalडिफ़ॉल्ट:
google.maps.Point(0,0)मार्कर या पॉलीलाइन के हिसाब से सिंबल की पोज़िशन. सिंबल के पाथ के कोऑर्डिनेट, ऐंकर के x और y कोऑर्डिनेट के हिसाब से, बाईं और ऊपर की ओर ट्रांसलेट किए जाते हैं. सिंबल की पोज़िशन को उसी कोऑर्डिनेट सिस्टम में दिखाया जाता है जिसमें सिंबल का पाथ दिखाया जाता है. |
fillColor
ज़रूरी नहीं |
टाइप:
string optionalसिंबल में भरा जाने वाला रंग. सभी CSS3 रंगों का इस्तेमाल किया जा सकता है. हालांकि, एक्सटेंडेड नेम वाले रंगों का इस्तेमाल नहीं किया जा सकता. सिंबल मार्कर के लिए, यह डिफ़ॉल्ट रूप से 'black' पर सेट होता है. पॉलीलाइन पर मौजूद सिंबल के लिए, यह डिफ़ॉल्ट रूप से उस पॉलीलाइन के स्ट्रोक के रंग पर सेट होता है. |
fillOpacity
ज़रूरी नहीं |
टाइप:
number optionalडिफ़ॉल्ट:
0सिंबल की फ़िल ओपैसिटी. |
labelOrigin
ज़रूरी नहीं |
टाइप:
Point optionalडिफ़ॉल्ट:
google.maps.Point(0,0)अगर मार्कर से लेबल दिया गया है, तो पाथ के ऑरिजिन के हिसाब से लेबल का ऑरिजिन. ऑरिजिन को उसी कोऑर्डिनेट सिस्टम में दिखाया जाता है जिसमें सिंबल का पाथ होता है. इस प्रॉपर्टी का इस्तेमाल, पॉलीलाइन पर सिंबल के लिए नहीं किया जाता. |
rotation
ज़रूरी नहीं |
टाइप:
number optionalडिफ़ॉल्ट:
0वह कोण जिससे सिंबल को घुमाना है. इसे घड़ी की सुई की दिशा में डिग्री में दिखाया जाता है. IconSequence में मौजूद एक सिंबल, जहां fixedRotation, false है. इसे उस किनारे के ऐंगल के हिसाब से घुमाया जाता है जिस पर यह मौजूद है. |
scale
ज़रूरी नहीं |
टाइप:
number optionalवह वैल्यू जिससे सिंबल का साइज़ तय होता है. सिंबल मार्कर के लिए, यह डिफ़ॉल्ट रूप से 1 पर सेट होता है. स्केल करने के बाद, सिंबल किसी भी साइज़ का हो सकता है. पॉलीलाइन पर मौजूद सिंबल के लिए, यह डिफ़ॉल्ट रूप से पॉलीलाइन के स्ट्रोक वेट पर सेट होता है. स्केल करने के बाद, सिंबल को 22 पिक्सल साइज़ के स्क्वेयर के अंदर होना चाहिए. यह स्क्वेयर, सिंबल के ऐंकर पर केंद्रित होना चाहिए. |
strokeColor
ज़रूरी नहीं |
टाइप:
string optionalसिंबल के स्ट्रोक का रंग. सभी CSS3 रंगों का इस्तेमाल किया जा सकता है. हालांकि, एक्सटेंडेड नेम वाले रंगों का इस्तेमाल नहीं किया जा सकता. सिंबल मार्कर के लिए, यह डिफ़ॉल्ट रूप से 'black' पर सेट होता है. पॉलीलाइन पर मौजूद सिंबल के लिए, यह डिफ़ॉल्ट रूप से पॉलीलाइन के स्ट्रोक के रंग पर सेट होता है. |
strokeOpacity
ज़रूरी नहीं |
टाइप:
number optionalसिंबल के स्ट्रोक की ओपैसिटी. सिंबल मार्कर के लिए, यह डिफ़ॉल्ट रूप से 1 पर सेट होता है. पॉलीलाइन पर मौजूद सिंबल के लिए, यह डिफ़ॉल्ट रूप से पॉलीलाइन के स्ट्रोक की ओपैसिटी पर सेट होता है. |
strokeWeight
ज़रूरी नहीं |
टाइप:
number optionalडिफ़ॉल्ट: सिंबल का
Symbol.scale.सिंबल के स्ट्रोक की मोटाई. |
SymbolPath कॉन्सटैंट
कॉन्सटैंट
google.maps.SymbolPath
लाइब्रेरी "core"
पहले से मौजूद सिंबल पाथ.
const {SymbolPath} = await google.maps.importLibrary("core");
कॉन्स्टेंट | |
|---|---|
BACKWARD_CLOSED_ARROW |
पीछे की ओर इशारा करता हुआ बंद ऐरो. |
BACKWARD_OPEN_ARROW |
पीछे की ओर इशारा करने वाला खुला ऐरो. |
CIRCLE |
एक सर्कल. |
FORWARD_CLOSED_ARROW |
आगे की ओर इशारा करता हुआ बंद ऐरो. |
FORWARD_OPEN_ARROW |
आगे की ओर इशारा करता हुआ खुला ऐरो. |
ऐनिमेशन कॉन्सटैंट
कॉन्सटैंट
google.maps.Animation
लाइब्रेरी "marker"
मार्कर पर चलाए जा सकने वाले ऐनिमेशन. मार्कर पर Marker.setAnimation तरीके या MarkerOptions.animation विकल्प का इस्तेमाल करके, ऐनिमेशन चलाएं.
const {Animation} = await google.maps.importLibrary("marker");
कॉन्स्टेंट | |
|---|---|
BOUNCE |
मार्कर तब तक बाउंस होता है, जब तक null के साथ Marker.setAnimation को कॉल करके ऐनिमेशन को रोका नहीं जाता. |
DROP |
मार्कर, मैप के सबसे ऊपरी हिस्से से अपनी आखिरी जगह पर ड्रॉप होता है. मार्कर के रुकने पर ऐनिमेशन बंद हो जाएगा और Marker.getAnimation, null दिखाएगा. इस तरह का ऐनिमेशन आम तौर पर, मार्कर बनाते समय तय किया जाता है. |