Google मानचित्र नियंत्रण
Google मानचित्र - डिफ़ॉल्ट नियंत्रण
मानक Google मानचित्र दिखाते समय, यह डिफ़ॉल्ट नियंत्रण सेट के साथ आता है:
- ज़ूम - मानचित्र के ज़ूम स्तर को नियंत्रित करने के लिए स्लाइडर या "+/-" बटन प्रदर्शित करता है
- पैन - मानचित्र को पैन करने के लिए पैन नियंत्रण प्रदर्शित करता है
- MapType - उपयोगकर्ता को मानचित्र प्रकारों (रोडमैप और उपग्रह) के बीच टॉगल करने देता है
- सड़क दृश्य - एक पेगमैन आइकन प्रदर्शित करता है जिसे सड़क दृश्य को सक्षम करने के लिए मानचित्र पर खींचा जा सकता है
Google मानचित्र - अधिक नियंत्रण
डिफ़ॉल्ट नियंत्रणों के अतिरिक्त, Google मानचित्र में यह भी है:
- स्केल - नक्शा स्केल तत्व प्रदर्शित करता है
- घुमाएँ - एक छोटा गोलाकार आइकन प्रदर्शित करता है जो आपको मानचित्रों को घुमाने की अनुमति देता है
- अवलोकन मानचित्र - एक विस्तृत क्षेत्र के भीतर वर्तमान मानचित्र व्यूपोर्ट को दर्शाने वाला एक थंबनेल अवलोकन मानचित्र प्रदर्शित करता है
आप नक्शा बनाते समय (MapOptions के अंदर) या मानचित्र के विकल्पों को बदलने के लिए setOptions () को कॉल करके निर्दिष्ट कर सकते हैं कि कौन से नियंत्रण दिखाना है।
Google मानचित्र - डिफ़ॉल्ट नियंत्रण अक्षम करना
इसके बजाय आप डिफ़ॉल्ट नियंत्रणों को बंद करना चाह सकते हैं।
ऐसा करने के लिए, मानचित्र की अक्षमडिफॉल्टयूआई संपत्ति (मानचित्र विकल्प ऑब्जेक्ट के भीतर) को सत्य पर सेट करें:
उदाहरण
var mapOptions {disableDefaultUI: true}
Google मानचित्र - सभी नियंत्रण चालू करें
कुछ नियंत्रण मानचित्र पर डिफ़ॉल्ट रूप से दिखाई देते हैं; जबकि अन्य तब तक दिखाई नहीं देंगे जब तक आप उन्हें सेट नहीं करते।
मानचित्र से नियंत्रण जोड़ना या हटाना मानचित्र विकल्प ऑब्जेक्ट में निर्दिष्ट है।
इसे दृश्यमान बनाने के लिए नियंत्रण को सही पर सेट करें - इसे छिपाने के लिए नियंत्रण को असत्य पर सेट करें।
निम्न उदाहरण सभी नियंत्रणों को "चालू" करता है:
उदाहरण
var mapOptions {
panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true,
rotateControl: true
}
Google मानचित्र - नियंत्रणों को संशोधित करना
कई नक्शा नियंत्रण विन्यास योग्य हैं।
नियंत्रण विकल्प फ़ील्ड निर्दिष्ट करके नियंत्रणों को संशोधित किया जा सकता है।
उदाहरण के लिए, ज़ूम नियंत्रण को संशोधित करने के विकल्प ज़ूमकंट्रोलऑप्शन फ़ील्ड में निर्दिष्ट हैं। ज़ूमकंट्रोलऑप्शन फ़ील्ड में ये शामिल हो सकते हैं:
- google.maps.ZoomControlStyle.SMALL - एक मिनी-ज़ूम नियंत्रण प्रदर्शित करता है (केवल + और - बटन)
- google.maps.ZoomControlStyle.LARGE - मानक ज़ूम स्लाइडर नियंत्रण प्रदर्शित करता है
- google.maps.ZoomControlStyle.DEFAULT - डिवाइस और मैप के आकार के आधार पर सबसे अच्छा ज़ूम नियंत्रण चुनता है
उदाहरण
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
}
नोट: यदि आप किसी नियंत्रण को संशोधित करते हैं, तो पहले नियंत्रण को हमेशा सक्षम करें (इसे सत्य पर सेट करें)।
एक अन्य विन्यास योग्य नियंत्रण MapType नियंत्रण है।
नियंत्रण को संशोधित करने के विकल्प mapTypeControlOptions फ़ील्ड में निर्दिष्ट हैं। MapTypeControlOptions फ़ील्ड में शामिल हो सकते हैं::
- google.maps.MapTypeControlStyle.HORIZONTAL_BAR - प्रत्येक मानचित्र प्रकार के लिए एक बटन प्रदर्शित करें
- google.maps.MapTypeControlStyle.DROPDOWN_MENU - ड्रॉपडाउन मेनू के माध्यम से मानचित्र प्रकार चुनें
- google.maps.MapTypeControlStyle.DEFAULT - "डिफ़ॉल्ट" व्यवहार प्रदर्शित करता है (स्क्रीन आकार पर निर्भर करता है)
उदाहरण
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}
आप ControlPosition प्रॉपर्टी के साथ नियंत्रण भी रख सकते हैं:
उदाहरण
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
position: google.maps.ControlPosition.TOP_CENTER
}