गूगल मानचित्र कंट्रोल

गूगल मानचित्र - डिफ़ॉल्ट नियंत्रक

स्टैंडर्ड गूगल मानचित्र को दिखाते समय, यह डिफ़ॉल्ट नियंत्रक सेट प्रदान करता है:

• ज़ूम (Zoom) - मानचित्र के ज़ूम स्तर को नियंत्रित करने के लिए स्लाइडर या "+/-" बटन दिखाता है
• स्क्रॉल (Pan) - मानचित्र को स्क्रॉल करने के लिए स्क्रॉल नियंत्रक दिखाता है
• मानचित्र तरीका (MapType) - उपयोगकर्ता को मानचित्र तरीका (रूट मानचित्र और सैटेलाइट मानचित्र) के बीच टूटने की अनुमति देता है
• सड़क दृश्य (Street View) - सड़क दृश्य लघु प्रतीक (Pegman icon) दिखाता है जिसे मानचित्र पर खींचकर सड़क दृश्य को सक्षम किया जा सकता है

गूगल मानचित्र - अधिक नियंत्रक

डिफ़ॉल्ट नियंत्रकों के अलावा, गूगल मानचित्र इसके अलावा भी प्रदान करता है:

• तुलना (Scale) - मानचित्र के तुलना तत्व दिखाता है
• घुमाएं (Rotate) - छोटे गोलाकार प्रतीक दिखाता है जो आपको मानचित्र को घुमाने की अनुमति देता है
• सारांश मानचित्र (Overview Map) - संक्षिप्त अवलोकन मानचित्र दिखाता है जो व्यापक क्षेत्र के मौजूदा मानचित्र व्यूपोर्ट को प्रतिबिंबित करता है

आप नियंत्रकों को मानचित्र बनाने के समय दिखाने वाले नियंत्रकों (MapOptions के अंदर) निर्दिष्ट कर सकते हैं या setOptions() को बुला करके मानचित्र के विकल्पों को बदल सकते हैं。

गूगल मानचित्र - डिफ़ॉल्ट नियंत्रक निष्क्रिय करें

आप अनुमान कर सकते हैं कि आप डिफ़ॉल्ट नियंत्रकों को बंद करना चाहते हैं。

इसके लिए, कृपया मानचित्र के disableDefaultUI विशेषता (मानचित्र के विकल्प ऑब्जेक्ट के अंदर) को true सेट करें:

उदाहरण

var mapOptions {disableDefaultUI: true}

गूगल मानचित्र - सभी नियंत्रक खोले गए

कुछ नियंत्रक मूलभूत रूप से मानचित्र पर दिखायी जाते हैं; अन्य किसी भी समय दिखायी नहीं जाते, जब तक आप उन्हें सेट नहीं करते。

कृपया मानचित्र विकल्प ऑब्जेक्ट में नियंत्रकों को जोड़ने या हटाने का निर्देश दें。

नियंत्रक को true रखने से इसे दिखाया जाता है - नियंत्रक को false रखने से इसे छुपाया जाता है。

इस उदाहरण में सभी नियंत्रक खोले गए हैं:

उदाहरण

var mapOptions {
  panControl: true,
  zoomControl: true,
  mapTypeControl: true,
  scaleControl: true,
  streetViewControl: true,
  overviewMapControl: true,
  rotateControl: true
}

गूगल मानचित्र - कंट्रोल संशोधन

कुछ मानचित्र कंट्रोल अनुकूलनीय हैं.

कंट्रोल के विकल्प क्षेत्र को निर्धारित करके कंट्रोल को संशोधित किया जा सकता है.

उदाहरण में, zoomControlOptions क्षेत्र में जज्ञापन कंट्रोल के विकल्प को निर्धारित किया गया है. zoomControlOptions क्षेत्र में शामिल हो सकते हैं:

• google.maps.ZoomControlStyle.SMALL - लघु जज्ञापन कंट्रोल दिखाता है (केवल + और - बटन)
• google.maps.ZoomControlStyle.LARGE - मानक जज्ञापन स्लाइडर कंट्रोल दिखाता है
• google.maps.ZoomControlStyle.DEFAULT - उपकरण और मानचित्र आकार के आधार पर सर्वोत्तम जज्ञापन कंट्रोल चुनता है

उदाहरण

zoomControl: true,
zoomControlOptions: {
    style: google.maps.ZoomControlStyle.SMALL
}

ध्यान: कंट्रोल को संशोधित करने के लिए पहले इसे सक्षम करें (इसे true करें).

एक अन्य क्षेत्रीय कंट्रोल 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
}

आप अधिकतर कंट्रोल पोजीशन पैरामीटर का उपयोग करके कंट्रोल का स्थान निर्धारित कर सकते हैं:

उदाहरण

mapTypeControl: true,
mapTypeControlOptions: {
  style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
  पोजीशन: google.maps.ControlPosition.TOP_CENTER
}