Wie deaktiviere ich die Satellitenansicht von Google Map?

89

Ich arbeite an Google Maps Javascript API V 3.

Alles funktioniert gut, aber ich möchte die MAP-Schaltfläche deaktivieren, die oben rechts mit der SATELLITE-Schaltfläche angezeigt wird.

Wie kann ich das machen?

google-maps google-maps-api-3 Jatin Dhoot
quelle

64

Wenn Sie die Karte aktivieren und die Optionen an sie übergeben, haben Sie die Möglichkeit, mapTypeControlOptions anzugeben. Diese haben ein Array, das angibt, welche Art von Maptype der Benutzer sehen kann. Es kann hier eingesehen werden http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions .

Wenn Sie nicht möchten, dass der Benutzer Optionen für die Maptypes hat, können Sie dies auch angeben, indem Sie die Map MapTypeControl auf false setzen.

Kasper Vesth
quelle

2

Wenn Sie mapTypeControl auf false setzen, wird das Steuerelement definitiv ausgeblendet. Wie kann ich es jedoch so anpassen, dass mapTypeControl nur die Schaltflächen SATELLITE und TERRAIN enthält?

Jatin Dhoot

Dies ist, was die mapTypeControlOptions tun sollten. Es enthält ein Array, in dem Sie angeben können, dass SATELLITE und TERRAIN die Optionen sind, die der Benutzer sehen sollte.

Kasper Vesth

22

Ich weiß nicht, ob es sich um eine v3-Sache handelt, aber wenn jemand dieses Steuerelement vollständig ausblenden möchte, funktioniert die Einstellung mapTypeControlauf falsenicht. Stattdessen funktionierte für mich (in Version mapTypeControlOptions: { mapTypeIds: [] }

OrPo

122

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

blomman9
quelle

44

Satellitenoption deaktivieren:

mapTypeControl: false

Deaktivieren Sie die Straßenansicht.

streetViewControl: false

PodTech.io
quelle

19

Sie können sie über CSS ausblenden

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

Webchun
quelle

1

Dies ist kein Zukunftssicher. Besser zu benutzenmapTypeControlOptions

qarthandso

das ist keine Lösung

Emiliano

14

mapTypeControl und streetViewControl Option auf false

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

Surendra Kumar Ahir
quelle

3

Ich hatte das gleiche Problem. Das Setzen mapTypeControl: falseund Übergeben mit anderen Optionen hat bei mir funktioniert. Sie können die Spezifikation hier überprüfen .

Khrystyna Skvarok
quelle

Wie deaktiviere ich die Satellitenansicht von Google Map?

Antworten: