Google मानचित्र के सैटेलाइट दृश्य को कैसे अक्षम करें?

Question

मैं Google मैप्स जावास्क्रिप्ट एपीआई V 3 पर काम कर रहा हूं।

सब कुछ ठीक चल रहा है, लेकिन मैं MAP बटन को अक्षम करना चाहता हूं जो SATELLITE बटन के साथ शीर्ष दाएं क्षेत्र में दिखाई देता है।

मैं यह कैसे कर सकता हूँ?

Answer 1

जब आप मानचित्र को सक्षम करते हैं और इसके लिए विकल्प पास करते हैं, तो आपके पास mapTypeControlOptions को निर्दिष्ट करने का मौका होता है। इनमें एक ऐरे है जो निर्दिष्ट करता है कि आप किस प्रकार के maptype के उपयोगकर्ता को देखने में सक्षम होंगे। इसे यहाँ देखा जा सकता है http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions ।

यदि आप नहीं चाहते हैं कि उपयोगकर्ता के पास maptypes के रूप में कोई विकल्प हो, तो आप यह भी निर्दिष्ट कर सकते हैं कि नक्शे mapTypeControl को गलत पर सेट करके।

Comments

MapTypeControl को गलत पर सेट करने से निश्चित रूप से नियंत्रण गायब हो जाता है, लेकिन मैं इसे कैसे कस्टमाइज़ कर सकता हूं ताकि mapTypeControl में केवल SATELLITE और TERRAIN बटन हों?

— जतिन धूत

यह है कि MapTypeControlOptions को क्या करना चाहिए .. यह एक सरणी रखता है जहां आप यह निर्दिष्ट कर सकते हैं कि SATELLITE और TERRAIN उपयोगकर्ता द्वारा देखे जाने वाले विकल्प हैं।

— कास्पर वेस्ट

मैं अगर यह एक v3 बात है, लेकिन अगर किसी को इच्छाओं को पूरी तरह से छिपाने के लिए इस पर नियंत्रण स्थापित करने के पता नहीं है, mapTypeControlके लिए falseकाम नहीं करता है। इसके बजाय मेरे लिए (v3 में) क्या काम कर रहा था:mapTypeControlOptions: { mapTypeIds: [] }

— OrPo

Answer 2

var myOptions = {
    zoom: 2,
    center: **Your LatLng object**,
    mapTypeControlOptions: {
      mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID]
    }, // here´s the array of controls
    disableDefaultUI: true, // a way to quickly hide all controls
    mapTypeControl: true,
    scaleControl: true,
    zoomControl: true,
    zoomControlOptions: {
      style: google.maps.ZoomControlStyle.LARGE 
    },
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); // displays in <article id="map_canvas"></article>
//map.mapTypeControl = false; // OPTIONAL: hides the map control

Answer 3

सैटेलाइट विकल्प को अक्षम करें:

mapTypeControl: false

सड़क दृश्य अक्षम करें।

streetViewControl: false

Answer 4

आप उन्हें सीएसएस के माध्यम से छिपा सकते हैं

.gm-style-mtc {
  display: none;
}

Comments

यह भविष्य का प्रमाण नहीं है। बेहतर उपयोग करने के लिएmapTypeControlOptions

— qarthandso

इसका कोई हल नहीं है

— एमिलियानो

Answer 5

mapTypeControl और false करने के लिए StreetViewControl विकल्प

 var map = new google.maps.Map(document.getElementById('map_canvas'), {
             center: new google.maps.LatLng(latitudeFirst, longitudeFirst),
             zoom: 12,
             streetViewControl: false,
             mapTypeControl: false
        });  

Answer 6

मेरी भी यही समस्या थी। mapTypeControl: falseअन्य विकल्पों के साथ सेटिंग और पासिंग ने मेरे लिए काम किया। आप यहां कल्पना की जांच कर सकते हैं ।