Polyline क्लास
google.maps.Polyline
क्लास
पॉलीलाइन, मैप पर कनेक्ट किए गए लाइन सेगमेंट का लीनियर ओवरले होता है.
यह क्लास MVCObject तक चलेगी.
const {Polyline} = await google.maps.importLibrary("maps") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
Polyline |
Polyline([opts])पैरामीटर:
पास किए गए PolylineOptions का इस्तेमाल करके एक पॉलीलाइन बनाएं. इससे पॉलीलाइन का पाथ और पॉलीलाइन बनाते समय इस्तेमाल की जाने वाली स्ट्रोक स्टाइल, दोनों के बारे में पता चलता है. पॉलीलाइन बनाते समय, LatLng का अरे या LatLng का MVCArray पास किया जा सकता है. हालांकि, इंस्टैंटिएट होने पर सामान्य अरे को पॉलीलाइन में MVCArray में बदल दिया जाता है. |
तरीके | |
|---|---|
getDraggable |
getDraggable()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
booleanइससे यह पता चलता है कि उपयोगकर्ता इस शेप को खींचकर ले जा सकता है या नहीं. |
getEditable |
getEditable()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
booleanइससे यह पता चलता है कि उपयोगकर्ता इस शेप में बदलाव कर सकता है या नहीं. |
getMap |
getMap()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
Map|nullयह उस मैप को दिखाता है जिस पर यह शेप अटैच है. |
getPath |
getPath()पैरामीटर: कोई नहीं
यह कुकी, पाथ को वापस पाने में मदद करती है. |
getVisible |
getVisible()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
booleanइससे यह पता चलता है कि यह पॉलीगॉन, मैप पर दिखता है या नहीं. |
setDraggable |
setDraggable(draggable)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस विकल्प को true पर सेट करने पर, उपयोगकर्ता इस शेप को मैप पर खींचकर ले जा सकता है. geodesic प्रॉपर्टी, ड्रैग करने का मोड तय करती है. |
setEditable |
setEditable(editable)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
अगर इसे true पर सेट किया जाता है, तो उपयोगकर्ता इस शेप में बदलाव कर सकता है. इसके लिए, उसे वर्टेक्स और हर सेगमेंट पर दिखाए गए कंट्रोल पॉइंट को खींचना होगा. |
setMap |
setMap(map)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस शेप को चुने गए मैप पर रेंडर करता है. अगर मैप को null पर सेट किया जाता है, तो शेप हटा दिया जाएगा. |
setOptions |
setOptions(options)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
|
setPath |
setPath(path)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
यह कुकी, पाथ सेट करती है. ज़्यादा जानकारी के लिए, PolylineOptions पर जाएं. |
setVisible |
setVisible(visible)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
false पर सेट होने पर, यह पॉली को छिपा देता है. |
इनहेरिट किया गया:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
इवेंट | |
|---|---|
click |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉलीलाइन पर DOM क्लिक इवेंट ट्रिगर होता है. |
contextmenu |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉलीलाइन पर DOM contextmenu इवेंट ट्रिगर होता है. |
dblclick |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉलीलाइन पर DOM dblclick इवेंट ट्रिगर होता है. |
drag |
function(event)आर्ग्युमेंट:
जब उपयोगकर्ता पॉलीलाइन को खींचता है, तब यह इवेंट बार-बार ट्रिगर होता है. |
dragend |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता पॉलीलाइन को खींचना बंद कर देता है. |
dragstart |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता पॉलीलाइन को खींचना शुरू करता है. |
mousedown |
function(event)आर्ग्युमेंट:
जब पॉलीलाइन पर DOM mousedown इवेंट ट्रिगर होता है, तब यह इवेंट ट्रिगर होता है. |
mousemove |
function(event)आर्ग्युमेंट:
जब Polyline पर DOM mousemove इवेंट ट्रिगर होता है, तब यह इवेंट ट्रिगर होता है. |
mouseout |
function(event)आर्ग्युमेंट:
यह इवेंट, पॉलीलाइन से माउस हटाने पर ट्रिगर होता है. |
mouseover |
function(event)आर्ग्युमेंट:
यह इवेंट, पॉलीलाइन पर माउस घुमाने पर ट्रिगर होता है. |
mouseup |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉलीलाइन पर DOM mouseup इवेंट ट्रिगर होता है. |
|
function(event)आर्ग्युमेंट:
इस इवेंट को तब ट्रिगर किया जाता है, जब पॉलीलाइन पर राइट क्लिक किया जाता है. |
PolylineOptions इंटरफ़ेस
google.maps.PolylineOptions
इंटरफ़ेस
PolylineOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polyline पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
clickable optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
trueइससे पता चलता है कि यह Polyline, माउस इवेंट मैनेज करता है या नहीं. |
draggable optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseइस विकल्प को true पर सेट करने पर, उपयोगकर्ता इस शेप को मैप पर खींचकर ले जा सकता है. geodesic प्रॉपर्टी, ड्रैग करने का मोड तय करती है. |
editable optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseअगर इसे true पर सेट किया जाता है, तो उपयोगकर्ता इस शेप में बदलाव कर सकता है. इसके लिए, उसे वर्टेक्स और हर सेगमेंट पर दिखाए गए कंट्रोल पॉइंट को खींचना होगा. |
geodesic optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
falsetrue चालू होने पर, पॉलीगॉन के किनारों को जियोडेसिक के तौर पर माना जाता है. ये पृथ्वी की वक्रता के हिसाब से होते हैं. false होने पर, पॉलीगॉन के किनारों को स्क्रीन स्पेस में सीधी लाइनों के तौर पर रेंडर किया जाता है. ध्यान दें कि जियोडेसिक पॉलीगॉन को खींचने पर, उसका आकार बदल सकता है. ऐसा इसलिए होता है, क्योंकि डाइमेंशन को पृथ्वी की सतह के हिसाब से बनाए रखा जाता है. |
icons optional |
टाइप:
Array<IconSequence> optionalपॉलीलाइन के साथ रेंडर किए जाने वाले आइकॉन. |
map optional |
टाइप:
Map optionalवह मैप जिस पर पॉलीलाइन दिखानी है. |
path optional |
टाइप:
MVCArray<LatLng>|Array<LatLng|LatLngLiteral> optionalपॉलीलाइन के निर्देशांकों का क्रम. इस पाथ को LatLng के सामान्य कलेक्शन या LatLng के LatLng के तौर पर तय किया जा सकता है.MVCArray ध्यान दें कि अगर आपने एक सामान्य ऐरे पास किया है, तो उसे MVCArray में बदल दिया जाएगा. MVCArray में LatLngs डालने या हटाने पर, मैप पर पॉलीलाइन अपने-आप अपडेट हो जाएगी. |
strokeColor optional |
टाइप:
string optionalस्ट्रोक का रंग. सीएसएस3 के सभी रंगों का इस्तेमाल किया जा सकता है. हालांकि, एक्सटेंडेड नेम वाले रंगों का इस्तेमाल नहीं किया जा सकता. |
strokeOpacity optional |
टाइप:
number optionalस्ट्रोक की ओपैसिटी 0.0 और 1.0 के बीच होनी चाहिए. |
strokeWeight optional |
टाइप:
number optionalस्ट्रोक की चौड़ाई, पिक्सल में. |
visible optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
trueयह पॉलीलाइन मैप पर दिखती है या नहीं. |
zIndex optional |
टाइप:
number optionalअन्य पॉलीगॉन की तुलना में zIndex. |
IconSequence इंटरफ़ेस
google.maps.IconSequence
इंटरफ़ेस
इससे पता चलता है कि किसी लाइन पर आइकॉन कैसे रेंडर किए जाने चाहिए.
अगर आपकी पॉलीलाइन जियोडेसिक है, तो ऑफ़सेट और दोहराव, दोनों के लिए तय की गई दूरी को डिफ़ॉल्ट रूप से मीटर में कैलकुलेट किया जाता है. ऑफ़सेट या दोहराने की सुविधा को पिक्सल वैल्यू पर सेट करने से, स्क्रीन पर दूरियों का हिसाब पिक्सल में लगाया जाएगा.
प्रॉपर्टी | |
|---|---|
fixedRotation optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseअगर true है, तो क्रम में मौजूद हर आइकॉन का रोटेशन एक जैसा होता है. यह इस बात पर निर्भर नहीं करता कि वह आइकॉन किस किनारे पर है. अगर false है, तो क्रम में मौजूद हर आइकॉन को घुमाया जाता है, ताकि वह अपने किनारे के साथ अलाइन हो जाए. |
icon optional |
टाइप:
Symbol optionalलाइन पर रेंडर करने के लिए आइकॉन. |
offset optional |
टाइप:
string optionalडिफ़ॉल्ट:
'100%'लाइन की शुरुआत से वह दूरी जिस पर आइकॉन रेंडर करना है. इस दूरी को लाइन की लंबाई के प्रतिशत (जैसे, '50%') या पिक्सल (जैसे, '50px') में दिखाया जा सकता है. |
repeat optional |
टाइप:
string optionalडिफ़ॉल्ट:
0लाइन पर मौजूद आइकॉन के बीच की दूरी. इस दूरी को लाइन की लंबाई के प्रतिशत (जैसे, '50%') या पिक्सल (जैसे, '50px') में दिखाया जा सकता है. आइकॉन को दोहराने की सुविधा बंद करने के लिए, '0' तय करें. |
Polygon क्लास
google.maps.Polygon
क्लास
पॉलीगॉन (जैसे कि पॉलीलाइन), क्रम से जुड़े निर्देशांकों की एक सीरीज़ को तय करता है. इसके अलावा, पॉलीगॉन एक बंद लूप बनाते हैं और किसी जगह को दिखाते हैं. डेवलपर गाइड में दिए गए सैंपल देखें. इनमें सामान्य पॉलीगॉन, होल वाला पॉलीगॉन वगैरह शामिल हैं. ध्यान दें कि पॉलीगॉन बनाने के लिए, डेटा लेयर का भी इस्तेमाल किया जा सकता है. डेटा लेयर की मदद से, होल बनाना आसान होता है. ऐसा इसलिए, क्योंकि यह आपके लिए अंदरूनी और बाहरी पाथ के क्रम को मैनेज करता है.
यह क्लास MVCObject तक चलेगी.
const {Polygon} = await google.maps.importLibrary("maps") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
Polygon |
Polygon([opts])पैरामीटर:
पाथ के लिए PolygonOptions का इस्तेमाल करके पॉलीगॉन बनाएं. यह पॉलीगॉन के पाथ, पॉलीगॉन के किनारों के लिए स्ट्रोक स्टाइल, और पॉलीगॉन के अंदरूनी हिस्सों के लिए फ़िल स्टाइल के बारे में बताता है. किसी पॉलीगॉन में एक या उससे ज़्यादा पाथ हो सकते हैं. हर पाथ में LatLng का एक कलेक्शन होता है. इन पाथ को बनाते समय, LatLngs की एक कैटगरी या MVCArray की LatLng पास की जा सकती है. इंस्टैंटिएट होने पर, ऐरे को पॉलीगॉन में MVCArray में बदल दिया जाता है. |
तरीके | |
|---|---|
getDraggable |
getDraggable()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
booleanइससे यह पता चलता है कि उपयोगकर्ता इस शेप को खींचकर ले जा सकता है या नहीं. |
getEditable |
getEditable()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
booleanइससे यह पता चलता है कि उपयोगकर्ता इस शेप में बदलाव कर सकता है या नहीं. |
getMap |
getMap()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
Map|nullयह उस मैप को दिखाता है जिस पर यह शेप अटैच है. |
getPath |
getPath()पैरामीटर: कोई नहीं
यह पहले पाथ को वापस लाता है. |
getPaths |
getPaths()पैरामीटर: कोई नहीं
यह पॉलीगॉन के पाथ वापस लाता है. |
getVisible |
getVisible()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
booleanइससे यह पता चलता है कि यह पॉलीगॉन, मैप पर दिखता है या नहीं. |
setDraggable |
setDraggable(draggable)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस विकल्प को true पर सेट करने पर, उपयोगकर्ता इस शेप को मैप पर खींचकर ले जा सकता है. geodesic प्रॉपर्टी, ड्रैग करने का मोड तय करती है. |
setEditable |
setEditable(editable)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
अगर इसे true पर सेट किया जाता है, तो उपयोगकर्ता इस शेप में बदलाव कर सकता है. इसके लिए, उसे वर्टेक्स और हर सेगमेंट पर दिखाए गए कंट्रोल पॉइंट को खींचना होगा. |
setMap |
setMap(map)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस शेप को चुने गए मैप पर रेंडर करता है. अगर मैप को null पर सेट किया जाता है, तो शेप हटा दिया जाएगा. |
setOptions |
setOptions(options)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
|
setPath |
setPath(path)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
यह कुकी, पहला पाथ सेट करती है. ज़्यादा जानकारी के लिए, PolygonOptions पर जाएं. |
setPaths |
setPaths(paths)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
यह पॉलीगॉन के लिए पाथ सेट करता है. |
setVisible |
setVisible(visible)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
false पर सेट होने पर, यह पॉली को छिपा देता है. |
इनहेरिट किया गया:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
इवेंट | |
|---|---|
click |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉलीगॉन पर DOM क्लिक इवेंट ट्रिगर होता है. |
contextmenu |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉलीगॉन पर DOM contextmenu इवेंट ट्रिगर होता है. |
dblclick |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉलीगॉन पर DOM dblclick इवेंट ट्रिगर होता है. |
drag |
function(event)आर्ग्युमेंट:
जब उपयोगकर्ता पॉलीगॉन को खींचता है, तब यह इवेंट बार-बार ट्रिगर होता है. |
dragend |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता पॉलीगॉन को खींचना बंद कर देता है. |
dragstart |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता पॉलीगॉन को खींचना शुरू करता है. |
mousedown |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉलीगॉन पर DOM mousedown इवेंट ट्रिगर होता है. |
mousemove |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब Polygon पर DOM mousemove इवेंट ट्रिगर होता है. |
mouseout |
function(event)आर्ग्युमेंट:
यह इवेंट, Polygon mouseout पर ट्रिगर होता है. |
mouseover |
function(event)आर्ग्युमेंट:
यह इवेंट, Polygon पर माउस घुमाने पर ट्रिगर होता है. |
mouseup |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब पॉलीगॉन पर DOM mouseup इवेंट ट्रिगर होता है. |
|
function(event)आर्ग्युमेंट:
जब पॉलीगॉन पर राइट क्लिक किया जाता है, तब यह इवेंट ट्रिगर होता है. |
PolygonOptions इंटरफ़ेस
google.maps.PolygonOptions
इंटरफ़ेस
PolygonOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Polygon पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
clickable optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
trueइससे पता चलता है कि यह Polygon, माउस इवेंट मैनेज करता है या नहीं. |
draggable optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseइस विकल्प को true पर सेट करने पर, उपयोगकर्ता इस शेप को मैप पर खींचकर ले जा सकता है. geodesic प्रॉपर्टी, ड्रैग करने का मोड तय करती है. |
editable optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseअगर इसे true पर सेट किया जाता है, तो उपयोगकर्ता इस शेप में बदलाव कर सकता है. इसके लिए, उसे वर्टेक्स और हर सेगमेंट पर दिखाए गए कंट्रोल पॉइंट को खींचना होगा. |
fillColor optional |
टाइप:
string optionalभरने का रंग. सीएसएस3 के सभी रंगों का इस्तेमाल किया जा सकता है. हालांकि, एक्सटेंडेड नेम वाले रंगों का इस्तेमाल नहीं किया जा सकता. |
fillOpacity optional |
टाइप:
number optionalओपैसिटी की वैल्यू 0.0 और 1.0 के बीच होनी चाहिए |
geodesic optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
falsetrue चालू होने पर, पॉलीगॉन के किनारों को जियोडेसिक के तौर पर माना जाता है. ये पृथ्वी की वक्रता के हिसाब से होते हैं. false होने पर, पॉलीगॉन के किनारों को स्क्रीन स्पेस में सीधी लाइनों के तौर पर रेंडर किया जाता है. ध्यान दें कि जियोडेसिक पॉलीगॉन को खींचने पर, उसका आकार बदल सकता है. ऐसा इसलिए होता है, क्योंकि डाइमेंशन को पृथ्वी की सतह के हिसाब से बनाए रखा जाता है. |
map optional |
टाइप:
Map optionalवह मैप जिस पर पॉलीगॉन दिखाना है. |
paths optional |
टाइप:
MVCArray<MVCArray<LatLng>>|MVCArray<LatLng>|Array<Array<LatLng|LatLngLiteral>>|Array<LatLng|LatLngLiteral> optionalनिर्देशांकों का क्रम, जो क्लोज़्ड लूप तय करता है. पॉलीलाइन के उलट, पॉलीगॉन में एक या उससे ज़्यादा पाथ हो सकते हैं. इसलिए, पाथ प्रॉपर्टी में LatLng निर्देशांकों की एक या उससे ज़्यादा सरणियां शामिल हो सकती हैं. रास्ते अपने-आप बंद हो जाते हैं. रास्ते के पहले वर्टेक्स को आखिरी वर्टेक्स के तौर पर न दोहराएं. LatLng के एक ही ऐरे का इस्तेमाल करके, सामान्य पॉलीगॉन तय किए जा सकते हैं. ज़्यादा मुश्किल पॉलीगॉन के लिए, ऐरे का ऐरे तय किया जा सकता है. सभी सामान्य कलेक्शन को MVCArray में बदल दिया जाता है. MVCArray में LatLng जोड़ने या हटाने पर, मैप पर मौजूद पॉलीगॉन अपने-आप अपडेट हो जाएगा. |
strokeColor optional |
टाइप:
string optionalस्ट्रोक का रंग. सीएसएस3 के सभी रंगों का इस्तेमाल किया जा सकता है. हालांकि, एक्सटेंडेड नेम वाले रंगों का इस्तेमाल नहीं किया जा सकता. |
strokeOpacity optional |
टाइप:
number optionalआउटलाइन की ओपैसिटी 0.0 और 1.0 के बीच होनी चाहिए |
strokePosition optional |
टाइप:
StrokePosition optionalडिफ़ॉल्ट:
StrokePosition.CENTERस्ट्रोक की पोज़िशन. |
strokeWeight optional |
टाइप:
number optionalस्ट्रोक की चौड़ाई, पिक्सल में. |
visible optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
trueयह पॉलीगॉन मैप पर दिखता है या नहीं. |
zIndex optional |
टाइप:
number optionalअन्य पॉलीगॉन की तुलना में zIndex. |
PolyMouseEvent interface
google.maps.PolyMouseEvent
इंटरफ़ेस
यह ऑब्जेक्ट, पॉलीलाइन और पॉलीगॉन पर माउस इवेंट से मिलता है.
यह इंटरफ़ेस, MapMouseEvent को बढ़ाता है.
प्रॉपर्टी | |
|---|---|
edge optional |
टाइप:
number optionalअगर इवेंट, बदलाव किए जा सकने वाले किसी पॉलीगॉन के बीच वाले पॉइंट पर हुआ है, तो यह कर्सर के नीचे मौजूद पाथ में मौजूद किनारे का इंडेक्स होता है. |
path optional |
टाइप:
number optionalइवेंट होने पर, कर्सर के नीचे मौजूद पाथ का इंडेक्स. अगर इवेंट किसी वर्टेक्स पर हुआ है और पॉलीगॉन में बदलाव किया जा सकता है, तो यह इंडेक्स दिखेगा. इसके अलावा, undefined. |
vertex optional |
टाइप:
number optionalअगर इवेंट किसी वर्टेक्स पर हुआ है और पॉलीलाइन या पॉलीगॉन में बदलाव किया जा सकता है, तो इवेंट होने के समय कर्सर के नीचे मौजूद वर्टेक्स का इंडेक्स. अगर इवेंट किसी वर्टेक्स पर नहीं होता है, तो वैल्यू undefined होती है. |
इनहेरिट किया गया:
domEvent,
latLng
| |
तरीके | |
|---|---|
इनहेरिट किया गया:
stop
|
Rectangle क्लास
google.maps.Rectangle
क्लास
रेक्टैंगल ओवरले.
यह क्लास MVCObject तक चलेगी.
const {Rectangle} = await google.maps.importLibrary("maps") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
Rectangle |
Rectangle([opts])पैरामीटर:
पास किए गए RectangleOptions का इस्तेमाल करके एक आयत बनाएं. इससे सीमाएं और स्टाइल तय होती हैं. |
तरीके | |
|---|---|
getBounds |
getBounds()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
LatLngBounds|nullइस आयत की सीमाएं दिखाता है. |
getDraggable |
getDraggable()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
booleanइससे यह पता चलता है कि उपयोगकर्ता इस रेक्टैंगल को खींच सकता है या नहीं. |
getEditable |
getEditable()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
booleanइससे यह पता चलता है कि उपयोगकर्ता इस आयत में बदलाव कर सकता है या नहीं. |
getMap |
getMap()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
Map|nullयह फ़ंक्शन, उस मैप को दिखाता है जिस पर यह रेक्टैंगल दिखता है. |
getVisible |
getVisible()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
booleanयह फ़ंक्शन बताता है कि यह आयत मैप पर दिख रही है या नहीं. |
setBounds |
setBounds(bounds)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस रेक्टैंगल की सीमाएं सेट करता है. |
setDraggable |
setDraggable(draggable)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
अगर इसे true पर सेट किया जाता है, तो उपयोगकर्ता इस रेक्टैंगल को मैप पर खींचकर ले जा सकता है. |
setEditable |
setEditable(editable)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
अगर इसे true पर सेट किया जाता है, तो उपयोगकर्ता इस आयत में बदलाव कर सकता है. इसके लिए, उसे कोनों और हर किनारे पर दिखाए गए कंट्रोल पॉइंट को खींचना होगा. |
setMap |
setMap(map)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इससे दिए गए मैप पर रेक्टैंगल रेंडर किया जाता है. अगर मैप को null पर सेट किया गया है, तो रेक्टैंगल हटा दिया जाएगा. |
setOptions |
setOptions(options)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
|
setVisible |
setVisible(visible)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
false पर सेट होने पर, यह रेक्टैंगल छिप जाता है. |
इनहेरिट किया गया:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
इवेंट | |
|---|---|
bounds_changed |
function()आर्ग्युमेंट: कोई नहीं
रेक्टैंगल की सीमाओं में बदलाव होने पर, यह इवेंट ट्रिगर होता है. |
click |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब रेक्टैंगल पर DOM क्लिक इवेंट ट्रिगर होता है. |
contextmenu |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब रेक्टैंगल पर DOM contextmenu इवेंट ट्रिगर होता है. |
dblclick |
function(event)आर्ग्युमेंट:
जब रेक्टैंगल पर DOM dblclick इवेंट ट्रिगर होता है, तब यह इवेंट ट्रिगर होता है. |
drag |
function(event)आर्ग्युमेंट:
जब उपयोगकर्ता रेक्टैंगल को खींचता है, तब यह इवेंट बार-बार ट्रिगर होता है. |
dragend |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता रेक्टैंगल को खींचना बंद कर देता है. |
dragstart |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता रेक्टैंगल को खींचना शुरू करता है. |
mousedown |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब रेक्टैंगल पर DOM mousedown इवेंट ट्रिगर होता है. |
mousemove |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब रेक्टैंगल पर DOM mousemove इवेंट ट्रिगर होता है. |
mouseout |
function(event)आर्ग्युमेंट:
यह इवेंट, रेक्टैंगल से माउस हटाने पर ट्रिगर होता है. |
mouseover |
function(event)आर्ग्युमेंट:
यह इवेंट, रेक्टैंगल पर माउस घुमाने पर ट्रिगर होता है. |
mouseup |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब रेक्टैंगल पर DOM mouseup इवेंट ट्रिगर होता है. |
|
function(event)आर्ग्युमेंट:
इस इवेंट को तब ट्रिगर किया जाता है, जब रेक्टैंगल पर राइट क्लिक किया जाता है. |
RectangleOptions इंटरफ़ेस
google.maps.RectangleOptions
इंटरफ़ेस
RectangleOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Rectangle पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
bounds optional |
टाइप:
LatLngBounds|LatLngBoundsLiteral optionalबाउंड्री. |
clickable optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
trueइससे पता चलता है कि यह Rectangle, माउस इवेंट मैनेज करता है या नहीं. |
draggable optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseअगर इसे true पर सेट किया जाता है, तो उपयोगकर्ता इस रेक्टैंगल को मैप पर खींचकर ले जा सकता है. |
editable optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseअगर इसे true पर सेट किया जाता है, तो उपयोगकर्ता इस आयत में बदलाव कर सकता है. इसके लिए, उसे कोनों और हर किनारे पर दिखाए गए कंट्रोल पॉइंट को खींचना होगा. |
fillColor optional |
टाइप:
string optionalभरने का रंग. सीएसएस3 के सभी रंगों का इस्तेमाल किया जा सकता है. हालांकि, एक्सटेंडेड नेम वाले रंगों का इस्तेमाल नहीं किया जा सकता. |
fillOpacity optional |
टाइप:
number optionalओपैसिटी की वैल्यू 0.0 और 1.0 के बीच होनी चाहिए |
map optional |
टाइप:
Map optionalवह मैप जिस पर रेक्टैंगल दिखाना है. |
strokeColor optional |
टाइप:
string optionalस्ट्रोक का रंग. सीएसएस3 के सभी रंगों का इस्तेमाल किया जा सकता है. हालांकि, एक्सटेंडेड नेम वाले रंगों का इस्तेमाल नहीं किया जा सकता. |
strokeOpacity optional |
टाइप:
number optionalआउटलाइन की ओपैसिटी 0.0 और 1.0 के बीच होनी चाहिए |
strokePosition optional |
टाइप:
StrokePosition optionalडिफ़ॉल्ट:
StrokePosition.CENTERस्ट्रोक की पोज़िशन. |
strokeWeight optional |
टाइप:
number optionalस्ट्रोक की चौड़ाई, पिक्सल में. |
visible optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
trueयह रेक्टैंगल मैप पर दिखता है या नहीं. |
zIndex optional |
टाइप:
number optionalअन्य पॉलीगॉन की तुलना में zIndex. |
Circle क्लास
google.maps.Circle
क्लास
पृथ्वी की सतह पर मौजूद एक वृत्त. इसे "स्फ़ेरिकल कैप" भी कहा जाता है.
यह क्लास MVCObject तक चलेगी.
const {Circle} = await google.maps.importLibrary("maps") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
|---|---|
Circle |
Circle([circleOrCircleOptions])पैरामीटर:
पास किए गए CircleOptions का इस्तेमाल करके एक सर्कल बनाएं. इससे सेंटर, रेडियस, और स्टाइल के बारे में पता चलता है. |
तरीके | |
|---|---|
getBounds |
getBounds()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
LatLngBounds|nullइस सर्कल का LatLngBounds मिलता है. |
getCenter |
getCenter()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
LatLng|nullयह फ़ंक्शन, इस सर्कल का सेंटर दिखाता है. |
getDraggable |
getDraggable()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
booleanइससे यह पता चलता है कि उपयोगकर्ता इस सर्कल को खींचकर दूसरी जगह ले जा सकता है या नहीं. |
getEditable |
getEditable()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
booleanइससे यह पता चलता है कि उपयोगकर्ता इस सर्कल में बदलाव कर सकता है या नहीं. |
getMap |
getMap()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
Map|nullयह फ़ंक्शन, उस मैप को दिखाता है जिस पर यह सर्कल दिखता है. |
getRadius |
getRadius()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
numberयह फ़ंक्शन, इस सर्कल की रेडियस (मीटर में) दिखाता है. |
getVisible |
getVisible()पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
booleanयह फ़ंक्शन बताता है कि यह सर्कल मैप पर दिखता है या नहीं. |
setCenter |
setCenter(center)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस सर्कल का सेंटर सेट करता है. |
setDraggable |
setDraggable(draggable)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
अगर इसे true पर सेट किया जाता है, तो उपयोगकर्ता इस सर्कल को मैप पर खींचकर छोड़ सकता है. |
setEditable |
setEditable(editable)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
अगर इसे true पर सेट किया जाता है, तो उपयोगकर्ता इस सर्कल में बदलाव कर सकता है. इसके लिए, उसे सर्कल के बीच में और आस-पास दिखाए गए कंट्रोल पॉइंट को खींचना होगा. |
setMap |
setMap(map)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
यह फ़ंक्शन, दिए गए मैप पर सर्कल रेंडर करता है. अगर मैप को null पर सेट किया गया है, तो सर्कल हटा दिया जाएगा. |
setOptions |
setOptions(options)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
|
setRadius |
setRadius(radius)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस सर्कल का दायरा (मीटर में) सेट करता है. |
setVisible |
setVisible(visible)पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
false पर सेट होने पर, यह सर्कल छिप जाता है. |
इनहेरिट किया गया:
addListener,
bindTo,
get,
notify,
set,
setValues,
unbind,
unbindAll
| |
इवेंट | |
|---|---|
center_changed |
function()आर्ग्युमेंट: कोई नहीं
सर्कल का सेंटर बदलने पर, यह इवेंट ट्रिगर होता है. |
click |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब सर्कल पर DOM क्लिक इवेंट ट्रिगर होता है. |
dblclick |
function(event)आर्ग्युमेंट:
जब सर्कल पर DOM dblclick इवेंट ट्रिगर होता है, तब यह इवेंट ट्रिगर होता है. |
drag |
function(event)आर्ग्युमेंट:
जब उपयोगकर्ता सर्कल को खींचता है, तब यह इवेंट बार-बार ट्रिगर होता है. |
dragend |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता सर्कल को खींचना बंद कर देता है. |
dragstart |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता सर्कल को खींचना शुरू करता है. |
mousedown |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब सर्कल पर DOM mousedown इवेंट ट्रिगर होता है. |
mousemove |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब सर्कल पर DOM mousemove इवेंट ट्रिगर होता है. |
mouseout |
function(event)आर्ग्युमेंट:
यह इवेंट, सर्कल से माउस हटाने पर ट्रिगर होता है. |
mouseover |
function(event)आर्ग्युमेंट:
यह इवेंट, सर्कल पर माउस घुमाने पर ट्रिगर होता है. |
mouseup |
function(event)आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब सर्कल पर DOM mouseup इवेंट ट्रिगर होता है. |
radius_changed |
function()आर्ग्युमेंट: कोई नहीं
सर्कल के दायरे में बदलाव होने पर, यह इवेंट ट्रिगर होता है. |
rightclick |
function(event)आर्ग्युमेंट:
इस इवेंट को तब ट्रिगर किया जाता है, जब सर्कल पर राइट क्लिक किया जाता है. |
CircleOptions इंटरफ़ेस
google.maps.CircleOptions
इंटरफ़ेस
CircleOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें Circle पर सेट किया जा सकता है.
प्रॉपर्टी | |
|---|---|
center optional |
टाइप:
LatLng|LatLngLiteral optionalसर्कल का सेंटर. |
clickable optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
trueइससे पता चलता है कि यह Circle, माउस इवेंट मैनेज करता है या नहीं. |
draggable optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseअगर इसे true पर सेट किया जाता है, तो उपयोगकर्ता इस सर्कल को मैप पर खींचकर छोड़ सकता है. |
editable optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
falseअगर इसे true पर सेट किया जाता है, तो उपयोगकर्ता इस सर्कल में बदलाव कर सकता है. इसके लिए, उसे सर्कल के बीच में और आस-पास दिखाए गए कंट्रोल पॉइंट को खींचना होगा. |
fillColor optional |
टाइप:
string optionalभरने का रंग. सीएसएस3 के सभी रंगों का इस्तेमाल किया जा सकता है. हालांकि, एक्सटेंडेड नेम वाले रंगों का इस्तेमाल नहीं किया जा सकता. |
fillOpacity optional |
टाइप:
number optionalभरे गए रंग की ओपैसिटी, 0.0 और 1.0 के बीच होनी चाहिए. |
map optional |
टाइप:
Map optionalवह मैप जिस पर सर्कल दिखाना है. |
radius optional |
टाइप:
number optionalपृथ्वी की सतह पर मौजूद दायरा, मीटर में. |
strokeColor optional |
टाइप:
string optionalस्ट्रोक का रंग. सीएसएस3 के सभी रंगों का इस्तेमाल किया जा सकता है. हालांकि, एक्सटेंडेड नेम वाले रंगों का इस्तेमाल नहीं किया जा सकता. |
strokeOpacity optional |
टाइप:
number optionalस्ट्रोक की ओपैसिटी 0.0 और 1.0 के बीच होनी चाहिए. |
strokePosition optional |
टाइप:
StrokePosition optionalडिफ़ॉल्ट:
StrokePosition.CENTERस्ट्रोक की पोज़िशन. |
strokeWeight optional |
टाइप:
number optionalस्ट्रोक की चौड़ाई, पिक्सल में. |
visible optional |
टाइप:
boolean optionalडिफ़ॉल्ट:
trueयह सर्कल, मैप पर दिखता है या नहीं. |
zIndex optional |
टाइप:
number optionalअन्य पॉलीगॉन की तुलना में zIndex. |
StrokePosition कॉन्स्टेंट
google.maps.StrokePosition
कॉन्स्टेंट
किसी पॉलीगॉन पर स्ट्रोक की संभावित जगहें.
const {StrokePosition} = await google.maps.importLibrary("maps") पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
कॉन्स्टेंट | |
|---|---|
CENTER |
स्ट्रोक, पॉलीगॉन के पाथ पर बीच में होता है. इसका आधा हिस्सा पॉलीगॉन के अंदर और आधा हिस्सा पॉलीगॉन के बाहर होता है. |
INSIDE |
स्ट्रोक, पॉलीगॉन के अंदर मौजूद होता है. |
OUTSIDE |
स्ट्रोक, पॉलीगॉन के बाहर है. |