MapElement क्लास
google.maps.MapElement
क्लास
MapElement, मैप रेंडर करने के लिए HTMLElement
सबक्लास है. maps
लाइब्रेरी लोड करने के बाद, एचटीएमएल में मैप बनाया जा सकता है. उदाहरण के लिए:
<gmp-map center="37.4220656,-122.0840897" zoom="10" map-id="DEMO_MAP_ID">
<button slot="control-block-start-inline-end">Custom Control</button>
</gmp-map>
यह अंदरूनी तौर पर
Map
का इस्तेमाल करता है. इसे MapElement.innerMap
प्रॉपर्टी की मदद से ऐक्सेस किया जा सकता है.
कस्टम एलिमेंट:
<gmp-map center="lat,lng" heading-interaction-disabled internal-usage-attribution-ids="id1 id2" map-id="string" rendering-type="vector" tilt-interaction-disabled zoom="number"></gmp-map>
यह क्लास HTMLElement
तक चलेगी.
यह क्लास MapElementOptions
को लागू करती है.
const {MapElement} = await google.maps.importLibrary("maps")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
MapElement |
MapElement([options]) पैरामीटर:
|
प्रॉपर्टी | |
---|---|
center |
टाइप:
LatLng|LatLngLiteral optional मैप का सेंटर अक्षांश/देशांतर.
एचटीएमएल एट्रिब्यूट:
|
headingInteractionDisabled |
टाइप:
boolean optional डिफ़ॉल्ट:
false क्या मैप में, उपयोगकर्ता को कैमरे की हेडिंग (रोटेशन) को कंट्रोल करने की अनुमति देनी चाहिए. यह विकल्प सिर्फ़ तब लागू होता है, जब मैप वेक्टर मैप हो. अगर कोड में इसे सेट नहीं किया गया है, तो मैप आईडी के लिए क्लाउड कॉन्फ़िगरेशन का इस्तेमाल किया जाएगा. हालांकि, ऐसा तब होगा, जब यह उपलब्ध हो.
एचटीएमएल एट्रिब्यूट:
|
innerMap |
टाइप:
Map यह Map का रेफ़रंस है, जिसका इस्तेमाल MapElement इंटरनल तौर पर करता है. |
internalUsageAttributionIds |
टाइप:
Iterable<string> optional डिफ़ॉल्ट:
null यह इनिशियलाइज़र में इस्तेमाल का एट्रिब्यूशन आईडी जोड़ता है. इससे Google को यह समझने में मदद मिलती है कि कौनसी लाइब्रेरी और सैंपल, डेवलपर के लिए मददगार हैं. जैसे, मार्कर क्लस्टरिंग लाइब्रेरी का इस्तेमाल. इस्तेमाल का एट्रिब्यूशन आईडी भेजने से ऑप्ट आउट करने के लिए, इस प्रॉपर्टी को मिटाना या वैल्यू को खाली स्ट्रिंग से बदलना सुरक्षित है. सिर्फ़ यूनीक वैल्यू भेजी जाएंगी. इंस्टैंटिएट करने के बाद, इस वैल्यू में किए गए बदलावों को अनदेखा किया जा सकता है.
एचटीएमएल एट्रिब्यूट:
|
mapId |
टाइप:
string optional मैप का मैप आईडी. मैप इंस्टैंटिएट होने के बाद, इस पैरामीटर को सेट या बदला नहीं जा सकता.
Map.DEMO_MAP_ID का इस्तेमाल उन सुविधाओं को आज़माने के लिए किया जा सकता है जिनके लिए मैप आईडी की ज़रूरत होती है, लेकिन क्लाउड की सुविधा चालू करने की ज़रूरत नहीं होती.एचटीएमएल एट्रिब्यूट:
|
renderingType |
टाइप:
RenderingType optional डिफ़ॉल्ट:
RenderingType.VECTOR मैप रास्टर या वेक्टर मैप होना चाहिए. मैप इंस्टैंटिएट होने के बाद, इस पैरामीटर को सेट या बदला नहीं जा सकता. अगर इसे सेट नहीं किया जाता है, तो मैप आईडी के लिए क्लाउड कॉन्फ़िगरेशन, रेंडरिंग टाइप तय करेगा. हालांकि, ऐसा तब होगा, जब यह उपलब्ध हो. कृपया ध्यान दें कि वेक्टर मैप, सभी डिवाइसों और ब्राउज़र के लिए उपलब्ध नहीं हो सकते. साथ ही, ज़रूरत पड़ने पर मैप, रास्टर मैप पर वापस आ जाएगा.
एचटीएमएल एट्रिब्यूट:
|
tiltInteractionDisabled |
टाइप:
boolean optional डिफ़ॉल्ट:
false मैप को उपयोगकर्ता को कैमरे के झुकाव को कंट्रोल करने की अनुमति देनी चाहिए या नहीं. यह विकल्प सिर्फ़ तब लागू होता है, जब मैप वेक्टर मैप हो. अगर कोड में इसे सेट नहीं किया गया है, तो मैप आईडी के लिए क्लाउड कॉन्फ़िगरेशन का इस्तेमाल किया जाएगा. हालांकि, ऐसा तब होगा, जब यह उपलब्ध हो.
एचटीएमएल एट्रिब्यूट:
|
zoom |
टाइप:
number optional मैप का ज़ूम लेवल. ज़ूम करने की मान्य वैल्यू, शून्य से लेकर ज़्यादा से ज़्यादा ज़ूम लेवल तक की संख्याएं होती हैं. ज़ूम की ज़्यादा वैल्यू का मतलब है ज़्यादा रिज़ॉल्यूशन.
एचटीएमएल एट्रिब्यूट:
|
स्लॉट मशीन | |
---|---|
control-block-end-inline-center |
इस एट्रिब्यूट की वैल्यू ControlPosition.BLOCK_END_INLINE_CENTER पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.BLOCK_END_INLINE_CENTER पोज़िशन पर रखा जाता है. |
control-block-end-inline-end |
इस एट्रिब्यूट की वैल्यू ControlPosition.BLOCK_END_INLINE_END पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.BLOCK_END_INLINE_END पोज़िशन पर रखा जाता है. |
control-block-end-inline-start |
इस एट्रिब्यूट की वैल्यू ControlPosition.BLOCK_END_INLINE_START पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.BLOCK_END_INLINE_START पोज़िशन पर रखा जाता है. |
control-block-start-inline-center |
इस एट्रिब्यूट की वैल्यू ControlPosition.BLOCK_START_INLINE_CENTER पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.BLOCK_START_INLINE_CENTER पोज़िशन पर रखा जाता है. |
control-block-start-inline-end |
इस एट्रिब्यूट की वैल्यू ControlPosition.BLOCK_START_INLINE_END पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.BLOCK_START_INLINE_END पोज़िशन पर रखा जाता है. |
control-block-start-inline-start |
इस एट्रिब्यूट की वैल्यू ControlPosition.BLOCK_START_INLINE_START पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.BLOCK_START_INLINE_START पोज़िशन पर रखा जाता है. |
control-inline-end-block-center |
इस एट्रिब्यूट की वैल्यू ControlPosition.INLINE_END_BLOCK_CENTER पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.INLINE_END_BLOCK_CENTER पोज़िशन पर रखा जाता है. |
control-inline-end-block-end |
इस एट्रिब्यूट की वैल्यू ControlPosition.INLINE_END_BLOCK_END पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.INLINE_END_BLOCK_END पोज़िशन पर रखा जाता है. |
control-inline-end-block-start |
इस एट्रिब्यूट की वैल्यू ControlPosition.INLINE_END_BLOCK_START पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.INLINE_END_BLOCK_START पोज़िशन पर रखा जाता है. |
control-inline-start-block-center |
इस एट्रिब्यूट की वैल्यू ControlPosition.INLINE_START_BLOCK_CENTER पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.INLINE_START_BLOCK_CENTER पोज़िशन पर रखा जाता है. |
control-inline-start-block-end |
इस एट्रिब्यूट की वैल्यू ControlPosition.INLINE_START_BLOCK_END पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.INLINE_START_BLOCK_END पोज़िशन पर रखा जाता है. |
control-inline-start-block-start |
इस एट्रिब्यूट की वैल्यू ControlPosition.INLINE_START_BLOCK_START पर सेट करने से, स्लॉट किए गए एलिमेंट को ControlPosition.INLINE_START_BLOCK_START पोज़िशन पर रखा जाता है. |
default |
कस्टम एलिमेंट का इस्तेमाल करके, Maps JavaScript Web Components के लिए फिर से इस्तेमाल किए जा सकने वाले कॉम्पोनेंट बनाए जा सकते हैं. जैसे, AdvancedMarkerElement . डिफ़ॉल्ट रूप से, MapElement में सीधे तौर पर जोड़े गए सभी कस्टम एलिमेंट, MapPanes.overlayMouseTarget में स्लॉट किए जाएंगे और रेंडर किए जाएंगे. हालांकि, Maps JavaScript API के वेब कॉम्पोनेंट को MapElement के इंटरनल स्लॉट में फिर से स्लॉट किया जा सकता है. |
तरीके | |
---|---|
|
addEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह कुकी एक फ़ंक्शन सेट अप करती है. इस फ़ंक्शन को तब कॉल किया जाता है, जब टारगेट को तय किया गया इवेंट डिलीवर किया जाता है. addEventListener देखें. |
|
removeEventListener(type, listener[, options]) पैरामीटर:
लौटाई गई वैल्यू:
void यह फ़ंक्शन, टारगेट से उस इवेंट लिसनर को हटाता है जिसे addEventListener के साथ रजिस्टर किया गया था. removeEventListener देखें. |
इवेंट | |
---|---|
gmp-zoomchange |
function(event) आर्ग्युमेंट:
मैप ज़ूम करने की प्रॉपर्टी में बदलाव होने पर, यह इवेंट ट्रिगर होता है. |
MapElementOptions इंटरफ़ेस
google.maps.MapElementOptions
इंटरफ़ेस
MapElementOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें MapElement पर सेट किया जा सकता है.
प्रॉपर्टी | |
---|---|
center optional |
टाइप:
LatLng|LatLngLiteral optional MapElement.center देखें. |
headingInteractionDisabled optional |
टाइप:
boolean optional |
internalUsageAttributionIds optional |
टाइप:
Iterable<string> optional |
mapId optional |
टाइप:
string optional MapElement.mapId देखें. |
renderingType optional |
टाइप:
RenderingType optional MapElement.renderingType देखें. |
tiltInteractionDisabled optional |
टाइप:
boolean optional |
zoom optional |
टाइप:
number optional MapElement.zoom देखें. |
ZoomChangeEvent class
google.maps.ZoomChangeEvent
क्लास
यह इवेंट, ज़ूम लेवल में हुए बदलाव को मॉनिटर करने से बनाया जाता है.
यह क्लास Event
तक चलेगी.
const {ZoomChangeEvent} = await google.maps.importLibrary("maps")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
Map क्लास
google.maps.Map
क्लास
यह क्लास MVCObject
तक चलेगी.
const {Map} = await google.maps.importLibrary("maps")
पर कॉल करके ऐक्सेस करें.
Maps JavaScript API में मौजूद लाइब्रेरी देखें.
निर्माता | |
---|---|
Map |
Map(mapDiv[, opts]) पैरामीटर:
यह दिए गए एचटीएमएल कंटेनर में एक नया मैप बनाता है. आम तौर पर, यह DIV एलिमेंट होता है. |
कॉन्स्टेंट | |
---|---|
DEMO_MAP_ID |
मैप आईडी, जिसका इस्तेमाल कोड के उन सैंपल के लिए किया जा सकता है जिनके लिए मैप आईडी की ज़रूरत होती है. इस मैप आईडी का इस्तेमाल, प्रोडक्शन ऐप्लिकेशन में नहीं किया जा सकता. साथ ही, इसका इस्तेमाल उन सुविधाओं के लिए भी नहीं किया जा सकता जिनके लिए क्लाउड कॉन्फ़िगरेशन की ज़रूरत होती है. जैसे, क्लाउड स्टाइलिंग. |
प्रॉपर्टी | |
---|---|
controls |
टाइप:
Array<MVCArray<HTMLElement>> मैप में अटैच करने के लिए अतिरिक्त कंट्रोल. मैप में कोई कंट्रोल जोड़ने के लिए, कंट्रोल के <div> को उस MVCArray में जोड़ें जो उस ControlPosition से जुड़ा है जहां उसे रेंडर किया जाना चाहिए. |
data |
टाइप:
Data यह मैप से जुड़ा हुआ Data का इंस्टेंस है. इस Data ऑब्जेक्ट में सुविधाएं जोड़ें, ताकि उन्हें इस मैप पर आसानी से दिखाया जा सके. |
mapTypes |
टाइप:
MapTypeRegistry यह स्ट्रिंग आईडी के हिसाब से, MapType इंस्टेंस की रजिस्ट्री होती है. |
overlayMapTypes |
ओवरले करने के लिए, मैप के अन्य टाइप. ओवरले मैप टाइप, उस बेस मैप के ऊपर दिखेंगे जिससे वे जुड़े हैं. वे उसी क्रम में दिखेंगे जिस क्रम में वे overlayMapTypes ऐरे में दिखते हैं. ज़्यादा इंडेक्स वैल्यू वाले ओवरले, कम इंडेक्स वैल्यू वाले ओवरले के सामने दिखते हैं. |
तरीके | |
---|---|
fitBounds |
fitBounds(bounds[, padding]) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस विकल्प का इस्तेमाल करके, व्यूपोर्ट को दिए गए बाउंड्री के हिसाब से सेट किया जाता है. ध्यान दें: मैप को display: none पर सेट करने पर, fitBounds फ़ंक्शन मैप के साइज़ को 0x0 के तौर पर पढ़ता है. इसलिए, यह कुछ नहीं करता. मैप छिपा होने पर व्यूपोर्ट बदलने के लिए, मैप को visibility: hidden पर सेट करें. इससे यह पक्का किया जा सकेगा कि मैप डिव का साइज़ सही हो. वेक्टर मैप के लिए, यह तरीका मैप के झुकाव और हेडिंग को उनकी डिफ़ॉल्ट शून्य वैल्यू पर सेट करता है. इस तरीके को कॉल करने से, मैप के पैन और ज़ूम होने पर बेहतर ऐनिमेशन मिल सकता है, ताकि वह सीमाओं के हिसाब से फ़िट हो सके. इस तरीके से ऐनिमेशन होता है या नहीं, यह इंटरनल ह्यूरिस्टिक पर निर्भर करता है. |
getBounds |
getBounds() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
LatLngBounds|undefined मौजूदा व्यूपोर्ट की अक्षांश/देशांतर सीमाएं.मौजूदा व्यूपोर्ट के अक्षांश/देशांतर की सीमाएं दिखाता है. अगर दुनिया की एक से ज़्यादा कॉपी दिख रही हैं, तो देशांतर की सीमा -180 से 180 डिग्री तक होती है. अगर मैप को अभी तक शुरू नहीं किया गया है या मैप का सेंटर और ज़ूम लेवल सेट नहीं किया गया है, तो नतीजा undefined होगा. जिन वेक्टर मैप में झुकाव या हेडिंग शून्य नहीं होती है उनके लिए, लौटाए गए अक्षांश/देशांतर की सीमाएं, सबसे छोटा बाउंडिंग बॉक्स दिखाती हैं. इस बाउंडिंग बॉक्स में, मैप के व्यूपोर्ट का दिखने वाला हिस्सा शामिल होता है. मैप के व्यूपोर्ट का सटीक दिखने वाला क्षेत्र पाने के लिए, MapCanvasProjection.getVisibleRegion देखें. |
getCenter |
getCenter() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
LatLng|undefined |
getClickableIcons |
getClickableIcons() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
boolean|undefined यह मैप आइकॉन पर क्लिक करने की सुविधा के बारे में जानकारी देता है. मैप आइकॉन, लोकप्रिय जगह (पीओआई) को दिखाता है. अगर दिखाई गई वैल्यू true है, तो इसका मतलब है कि मैप पर मौजूद आइकॉन पर क्लिक किया जा सकता है. |
|
getDatasetFeatureLayer(datasetId) पैरामीटर:
लौटाई गई वैल्यू:
FeatureLayer यह फ़ंक्शन, तय किए गए datasetId के लिए FeatureLayer दिखाता है. डेटासेट आईडी को Google Cloud Console में कॉन्फ़िगर किया जाना चाहिए. अगर डेटासेट आईडी, मैप के स्टाइल से नहीं जुड़ा है या डेटा पर आधारित स्टाइलिंग की सुविधा उपलब्ध नहीं है (मैप आईडी नहीं है, वेक्टर टाइल नहीं हैं, मैप स्टाइल में डेटा पर आधारित स्टाइलिंग की सुविधा वाली लेयर या डेटासेट कॉन्फ़िगर नहीं किए गए हैं), तो यह एक गड़बड़ी लॉग करता है. साथ ही, FeatureLayer.isAvailable का नतीजा गलत होगा. |
getDiv |
getDiv() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
HTMLElement मैप का mapDiv. |
getFeatureLayer |
getFeatureLayer(featureType) पैरामीटर:
लौटाई गई वैल्यू:
FeatureLayer यह फ़ंक्शन, किसी FeatureType का FeatureLayer दिखाता है. Google Cloud Console में FeatureLayer चालू होना चाहिए. अगर इस मैप पर, तय किए गए FeatureType का FeatureLayer मौजूद नहीं है या डेटा पर आधारित स्टाइलिंग की सुविधा उपलब्ध नहीं है (कोई मैप आईडी नहीं है, कोई वेक्टर टाइल नहीं है, और मैप स्टाइल में FeatureLayer चालू नहीं है), तो यह गड़बड़ी लॉग करता है. साथ ही, नतीजे के तौर पर मिलने वाला FeatureLayer.isAvailable गलत होगा. |
getHeading |
getHeading() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
number|undefined यह मैप की कंपास हेडिंग दिखाता है. हेडिंग वैल्यू को उत्तर दिशा से घड़ी की दिशा में डिग्री में मेज़र किया जाता है. अगर मैप को अब तक शुरू नहीं किया गया है, तो नतीजा undefined होगा. |
getHeadingInteractionEnabled |
getHeadingInteractionEnabled() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
boolean|null इससे यह पता चलता है कि हेडिंग के साथ इंटरैक्ट करने की सुविधा चालू है या नहीं. यह विकल्प सिर्फ़ तब लागू होता है, जब मैप वेक्टर मैप हो. अगर कोड में इसे सेट नहीं किया गया है, तो मैप आईडी के लिए क्लाउड कॉन्फ़िगरेशन का इस्तेमाल किया जाएगा. हालांकि, ऐसा तब होगा, जब यह उपलब्ध हो. |
getInternalUsageAttributionIds |
getInternalUsageAttributionIds() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
Iterable<string>|null यह फ़ंक्शन, इस्तेमाल से जुड़े एट्रिब्यूशन आईडी की सूची दिखाता है. इससे Google को यह समझने में मदद मिलती है कि डेवलपर के लिए कौनसी लाइब्रेरी और सैंपल मददगार हैं. जैसे, मार्कर क्लस्टरिंग लाइब्रेरी का इस्तेमाल. |
getMapCapabilities |
getMapCapabilities() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
MapCapabilities यह कॉलर को, मैप आईडी के आधार पर मैप के लिए उपलब्ध मौजूदा सुविधाओं के बारे में बताता है. |
getMapTypeId |
getMapTypeId() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
MapTypeId|string|undefined |
getProjection |
getProjection() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
Projection|undefined मौजूदा Projection दिखाता है. अगर मैप को अब तक शुरू नहीं किया गया है, तो नतीजा undefined होगा. projection_changed इवेंट को सुनें और उसकी वैल्यू की जांच करें, ताकि यह पक्का किया जा सके कि यह undefined नहीं है. |
getRenderingType |
getRenderingType() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
RenderingType यह मैप के मौजूदा RenderingType की जानकारी देता है. |
getStreetView |
getStreetView() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
StreetViewPanorama मैप से जुड़ा पैनोरमा.यह मैप से जुड़ा डिफ़ॉल्ट StreetViewPanorama दिखाता है. यह मैप में एम्बेड किया गया डिफ़ॉल्ट पैनोरमा या setStreetView() का इस्तेमाल करके सेट किया गया पैनोरमा हो सकता है. मैप के streetViewControl में किए गए बदलाव, बाउंड पैनोरमा के डिसप्ले में दिखेंगे. |
getTilt |
getTilt() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
number|undefined यह फ़ंक्शन, मैप के मौजूदा ऐंगल ऑफ़ इंसिडेंस को डिग्री में दिखाता है. यह ऐंगल, व्यूपोर्ट प्लेन से मैप प्लेन तक होता है. रास्टर मैप के लिए, सीधे ऊपर से ली गई इमेज के लिए 0 और 45° पर ली गई इमेज के लिए 45 नतीजा मिलेगा. यह तरीका, setTilt से सेट की गई वैल्यू नहीं दिखाता है. ज़्यादा जानकारी के लिए, setTilt पर जाएं. |
getTiltInteractionEnabled |
getTiltInteractionEnabled() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
boolean|null इससे पता चलता है कि झुकाने के जेस्चर से इंटरैक्ट करने की सुविधा चालू है या नहीं. यह विकल्प सिर्फ़ तब लागू होता है, जब मैप वेक्टर मैप हो. अगर कोड में इसे सेट नहीं किया गया है, तो मैप आईडी के लिए क्लाउड कॉन्फ़िगरेशन का इस्तेमाल किया जाएगा. हालांकि, ऐसा तब होगा, जब यह उपलब्ध हो. |
getZoom |
getZoom() पैरामीटर: कोई नहीं
लौटाई गई वैल्यू:
number|undefined मैप का ज़ूम लेवल दिखाता है. अगर ज़ूम सेट नहीं किया गया है, तो नतीजा undefined होगा. |
moveCamera |
moveCamera(cameraOptions) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
यह विकल्प, मैप के कैमरे को बिना ऐनिमेशन के तुरंत टारगेट कैमरा विकल्पों पर सेट करता है. |
panBy |
panBy(x, y) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
यह विकल्प, मैप के बीच के हिस्से को पिक्सल में दी गई दूरी के हिसाब से बदलता है. अगर दूरी, मैप की चौड़ाई और ऊंचाई, दोनों से कम है, तो ट्रांज़िशन को आसानी से ऐनिमेट किया जाएगा. ध्यान दें कि मैप का कोऑर्डिनेट सिस्टम, पश्चिम से पूर्व (x वैल्यू के लिए) और उत्तर से दक्षिण (y वैल्यू के लिए) की ओर बढ़ता है. |
panTo |
panTo(latLng) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इससे मैप का सेंटर, दिए गए LatLng पर सेट हो जाता है. अगर बदलाव, मैप की चौड़ाई और लंबाई, दोनों से कम है, तो ट्रांज़िशन को आसानी से ऐनिमेट किया जाएगा. |
panToBounds |
panToBounds(latLngBounds[, padding]) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
यह विकल्प, मैप को कम से कम उतना पैन करता है जितना दिए गए LatLngBounds को शामिल करने के लिए ज़रूरी है. इससे इस बात की कोई गारंटी नहीं मिलती कि मैप पर सीमाएं कहां होंगी. हालांकि, मैप को पैन किया जाएगा, ताकि {currentMapSizeInPx} - {padding} के अंदर ज़्यादा से ज़्यादा सीमाएं दिखाई जा सकें. रास्टर और वेक्टर, दोनों तरह के मैप के लिए, मैप के ज़ूम, झुकाव, और हेडिंग में कोई बदलाव नहीं होगा. |
setCenter |
setCenter(latlng) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
|
setClickableIcons |
setClickableIcons(value) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इससे यह कंट्रोल किया जाता है कि मैप के आइकॉन पर क्लिक किया जा सकता है या नहीं. मैप आइकॉन, लोकप्रिय जगह (पीओआई) को दिखाता है. मैप आइकॉन पर क्लिक करने की सुविधा बंद करने के लिए, इस तरीके में false की वैल्यू पास करें. |
setHeading |
setHeading(heading) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
यह विकल्प, मैप के लिए कंपास हेडिंग सेट करता है. इसे उत्तर दिशा से डिग्री में मापा जाता है. रास्टर मैप के लिए, यह तरीका सिर्फ़ हवाई इमेज पर लागू होता है. |
setHeadingInteractionEnabled |
setHeadingInteractionEnabled(headingInteractionEnabled) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस कुकी से यह सेट होता है कि हेडिंग इंटरैक्शन चालू हैं या नहीं. यह विकल्प सिर्फ़ तब लागू होता है, जब मैप वेक्टर मैप हो. अगर कोड में इसे सेट नहीं किया गया है, तो मैप आईडी के लिए क्लाउड कॉन्फ़िगरेशन का इस्तेमाल किया जाएगा. हालांकि, ऐसा तब होगा, जब यह उपलब्ध हो. |
setMapTypeId |
setMapTypeId(mapTypeId) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
|
setOptions |
setOptions(options) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
|
setRenderingType |
setRenderingType(renderingType) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
मैप का मौजूदा RenderingType सेट करता है. |
setStreetView |
setStreetView(panorama) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इस विकल्प का इस्तेमाल करके, StreetViewPanorama को मैप से बाइंड किया जाता है. यह पैनोरामा, डिफ़ॉल्ट StreetViewPanorama को बदल देता है. इससे मैप को मैप के बाहर मौजूद किसी बाहरी पैनोरामा से बाइंड किया जा सकता है. पैनोरमा को null पर सेट करने से, डिफ़ॉल्ट रूप से एम्बेड किया गया पैनोरमा वापस मैप पर आ जाता है. |
setTilt |
setTilt(tilt) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
वेक्टर मैप के लिए, मैप के ऐंगल ऑफ़ इंसिडेंस को सेट करता है. मैप के ज़ूम लेवल के हिसाब से, अनुमति वाली वैल्यू सीमित होती हैं. रास्टर मैप के लिए, यह विकल्प मैप के ऐंगल के अपने-आप बदलने की सुविधा को कंट्रोल करता है. 0 और 45 को वैल्यू के तौर पर इस्तेमाल किया जा सकता है. setTilt(0) की वजह से, मैप हमेशा 0° का ओवरहेड व्यू इस्तेमाल करता है. इससे कोई फ़र्क़ नहीं पड़ता कि ज़ूम लेवल और व्यूपोर्ट क्या है. setTilt(45) की मदद से, झुकाव का कोण अपने-आप 45° पर सेट हो जाता है. ऐसा तब होता है, जब मौजूदा ज़ूम लेवल और व्यूपोर्ट के लिए 45° वाली इमेज उपलब्ध होती है. इसके अलावा, 45° वाली इमेज उपलब्ध न होने पर, झुकाव का कोण वापस 0° पर सेट हो जाता है. यह डिफ़ॉल्ट सेटिंग है. 45° वाली इमेज, सिर्फ़ satellite और hybrid मैप टाइप के लिए उपलब्ध है. यह सुविधा, कुछ जगहों पर और कुछ ज़ूम लेवल पर ही उपलब्ध है. ध्यान दें: getTilt , झुकाव का मौजूदा कोण दिखाता है. यह setTilt से सेट की गई वैल्यू नहीं दिखाता. getTilt और setTilt अलग-अलग चीज़ों के बारे में बताते हैं. इसलिए, tilt प्रॉपर्टी को bind() न करें. ऐसा करने से, अनचाहे नतीजे मिल सकते हैं. |
setTiltInteractionEnabled |
setTiltInteractionEnabled(tiltInteractionEnabled) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इससे यह सेट होता है कि झुकाने के जेस्चर से इंटरैक्ट करने की सुविधा चालू है या नहीं. यह विकल्प सिर्फ़ तब लागू होता है, जब मैप वेक्टर मैप हो. अगर कोड में इसे सेट नहीं किया गया है, तो मैप आईडी के लिए क्लाउड कॉन्फ़िगरेशन का इस्तेमाल किया जाएगा. हालांकि, ऐसा तब होगा, जब यह उपलब्ध हो. |
setZoom |
setZoom(zoom) पैरामीटर:
रिटर्न वैल्यू: कोई नहीं
इससे मैप का ज़ूम लेवल सेट किया जाता है. |
इनहेरिट किया गया:
addListener ,
bindTo ,
get ,
notify ,
set ,
setValues ,
unbind ,
unbindAll
|
इवेंट | |
---|---|
bounds_changed |
function() आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब व्यूपोर्ट की सीमाएं बदल जाती हैं. |
center_changed |
function() आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब मैप सेंटर प्रॉपर्टी बदलती है. |
click |
function(event) आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता मैप पर क्लिक करता है. क्लिक की गई जगह की प्रॉपर्टी वाला MapMouseEvent तब तक नहीं दिखता, जब तक किसी जगह के आइकॉन पर क्लिक न किया गया हो. अगर ऐसा होता है, तो जगह के आईडी वाला IconMouseEvent दिखता है. IconMouseEvent और MapMouseEvent एक जैसे होते हैं. हालांकि, IconMouseEvent में जगह का आईडी फ़ील्ड होता है. जब जगह का आईडी ज़रूरी नहीं होता है, तब इवेंट को हमेशा MapMouseEvent के तौर पर माना जा सकता है. अगर किसी मार्कर या जानकारी वाली विंडो पर क्लिक किया जाता है, तो क्लिक इवेंट ट्रिगर नहीं होता है. |
contextmenu |
function(event) आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब मैप कंटेनर पर DOM contextmenu इवेंट ट्रिगर होता है. |
dblclick |
function(event) आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता मैप पर दो बार क्लिक करता है. ध्यान दें कि क्लिक इवेंट, इस इवेंट से ठीक पहले कभी एक बार और कभी दो बार ट्रिगर होगा. |
drag |
function() आर्ग्युमेंट: कोई नहीं
जब उपयोगकर्ता मैप को खींचता है, तब यह इवेंट बार-बार ट्रिगर होता है. |
dragend |
function() आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता मैप को खींचना बंद कर देता है. ध्यान दें: जब उपयोगकर्ता कीबोर्ड का इस्तेमाल करके मैप को पैन करना बंद कर देता है, तब dragend इवेंट ट्रिगर नहीं होता. कृपया Map.idle इवेंट का इस्तेमाल करें, ताकि यह पता लगाया जा सके कि उपयोगकर्ता ने मैप को पैन करना या खींचना कब बंद किया. |
dragstart |
function() आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता मैप को खींचना शुरू करता है. |
heading_changed |
function() आर्ग्युमेंट: कोई नहीं
मैप हेडिंग प्रॉपर्टी में बदलाव होने पर, यह इवेंट ट्रिगर होता है. |
idle |
function() आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब पैन या ज़ूम करने के बाद मैप निष्क्रिय हो जाता है. |
isfractionalzoomenabled_changed |
function() आर्ग्युमेंट: कोई नहीं
isFractionalZoomEnabled प्रॉपर्टी में बदलाव होने पर, यह इवेंट ट्रिगर होता है. |
mapcapabilities_changed |
function() आर्ग्युमेंट: कोई नहीं
मैप की सुविधाओं में बदलाव होने पर, यह इवेंट ट्रिगर होता है. |
maptypeid_changed |
function() आर्ग्युमेंट: कोई नहीं
mapTypeId प्रॉपर्टी में बदलाव होने पर, यह इवेंट ट्रिगर होता है. |
mousemove |
function(event) आर्ग्युमेंट:
जब भी उपयोगकर्ता का माउस, मैप कंटेनर पर घूमता है, तब यह इवेंट ट्रिगर होता है. |
mouseout |
function(event) आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता का माउस मैप कंटेनर से बाहर निकल जाता है. |
mouseover |
function(event) आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता का माउस मैप कंटेनर में जाता है. |
projection_changed |
function() आर्ग्युमेंट: कोई नहीं
प्रोजेक्शन में बदलाव होने पर, यह इवेंट ट्रिगर होता है. |
renderingtype_changed |
function() आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब renderingType बदल जाता है. |
tilesloaded |
function() आर्ग्युमेंट: कोई नहीं
यह इवेंट तब ट्रिगर होता है, जब दिखने वाली टाइलें लोड हो जाती हैं. |
tilt_changed |
function() आर्ग्युमेंट: कोई नहीं
जब मैप टिल्ट प्रॉपर्टी बदलती है, तब यह इवेंट ट्रिगर होता है. |
zoom_changed |
function() आर्ग्युमेंट: कोई नहीं
मैप ज़ूम करने की प्रॉपर्टी में बदलाव होने पर, यह इवेंट ट्रिगर होता है. |
|
function(event) आर्ग्युमेंट:
यह इवेंट तब ट्रिगर होता है, जब उपयोगकर्ता मैप पर राइट क्लिक करता है. |
MapOptions इंटरफ़ेस
google.maps.MapOptions
इंटरफ़ेस
MapOptions ऑब्जेक्ट का इस्तेमाल, उन प्रॉपर्टी को तय करने के लिए किया जाता है जिन्हें मैप पर सेट किया जा सकता है.
प्रॉपर्टी | |
---|---|
backgroundColor optional |
टाइप:
string optional Map div के बैकग्राउंड के लिए इस्तेमाल किया गया रंग. जब उपयोगकर्ता पैन करता है, तब टाइलें लोड न होने पर यह रंग दिखेगा. इस विकल्प को सिर्फ़ तब सेट किया जा सकता है, जब मैप शुरू किया गया हो. |
cameraControl optional |
टाइप:
boolean optional कैमरे के कंट्रोल की चालू/बंद स्थिति. |
cameraControlOptions optional |
टाइप:
CameraControlOptions optional कैमरा कंट्रोल के लिए डिसप्ले के विकल्प. |
center optional |
टाइप:
LatLng|LatLngLiteral optional मैप का शुरुआती सेंटर. |
clickableIcons optional |
टाइप:
boolean optional डिफ़ॉल्ट:
true false चालू होने पर, मैप आइकॉन पर क्लिक नहीं किया जा सकता. मैप आइकॉन, लोकप्रिय जगह (पीओआई) को दिखाता है. |
colorScheme optional |
टाइप:
ColorScheme|string optional डिफ़ॉल्ट:
ColorScheme.LIGHT मैप की शुरुआती कलर स्कीम. इस विकल्प को सिर्फ़ तब सेट किया जा सकता है, जब मैप शुरू किया गया हो. |
controlSize optional |
टाइप:
number optional मैप पर दिखने वाले कंट्रोल का साइज़, पिक्सल में. यह वैल्यू, मैप बनाते समय सीधे तौर पर देनी होगी. बाद में इस वैल्यू को अपडेट करने से, कंट्रोल undefined स्थिति में आ सकते हैं. यह सिर्फ़ Maps API के कंट्रोल को मैनेज करता है. डेवलपर के बनाए गए कस्टम कंट्रोल को स्केल नहीं करता. |
disableDefaultUI optional |
टाइप:
boolean optional यह सभी डिफ़ॉल्ट यूज़र इंटरफ़ेस (यूआई) बटन को चालू/बंद करता है. इन्हें अलग-अलग तौर पर बदला जा सकता है. इससे कीबोर्ड कंट्रोल बंद नहीं होते. इन्हें MapOptions.keyboardShortcuts विकल्प से अलग से कंट्रोल किया जाता है. इससे जेस्चर कंट्रोल बंद नहीं होते. इन्हें MapOptions.gestureHandling विकल्प से अलग तौर पर कंट्रोल किया जाता है. |
disableDoubleClickZoom optional |
टाइप:
boolean optional इससे दो बार क्लिक करने पर ज़ूम करने और फ़ोकस करने की सुविधा चालू/बंद होती है. यह सुविधा डिफ़ॉल्ट रूप से चालू होती है. ध्यान दें: हम इस प्रॉपर्टी का इस्तेमाल करने का सुझाव नहीं देते. दो बार क्लिक करने पर ज़ूम करने की सुविधा बंद करने के लिए, |
|
टाइप:
boolean optional अगर false है, तो मैप को ड्रैग करने से रोकता है. ड्रैग करने की सुविधा डिफ़ॉल्ट रूप से चालू होती है. |
|