Come disabilitare la visualizzazione satellitare di Google Map?

89

Sto lavorando su Google Maps Javascript API V 3.

Funziona tutto bene ma desidero disabilitare il pulsante MAP che appare in alto a destra con il pulsante SATELLITE.

Come posso fare questo?

google-maps google-maps-api-3

— Jatin Dhoot
fonte

65

Quando abiliti la mappa e le passi le opzioni, hai la possibilità di specificare un mapTypeControlOptions. Questi hanno un array che specifica quale tipo di maptype consentirai all'utente di essere in grado di vedere. Può essere visualizzato qui http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions .

Se non vuoi che l'utente abbia alcuna opzione riguardo ai maptypes, puoi anche specificarlo impostando mapTypeControl su false.

— Kasper Vesth
fonte

2

Impostando mapTypeControl su false si annulla definitivamente il controllo, ma come posso personalizzarlo in modo che mapTypeControl contenga solo i pulsanti SATELLITE e TERRAIN?

— Jatin Dhoot

Questo è ciò che dovrebbe fare mapTypeControlOptions .. Contiene un array in cui puoi specificare che SATELLITE e TERRAIN sono le opzioni che l'utente dovrebbe vedere.

— Kasper Vesth

23

Non so se è una cosa v3, ma se qualcuno desidera nascondere completamente questo controllo, l'impostazione mapTypeControlsu falsenon funziona. Invece quello che ha funzionato per me (nella v3) era l'impostazione:mapTypeControlOptions: { mapTypeIds: [] }

— OrPo

124

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
fonte

44

Disabilita l'opzione Satellite:

mapTypeControl: false

Disattiva Street View.

streetViewControl: false

— PodTech.io
fonte

18

Puoi nasconderli tramite css

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

— webchun
fonte

1

Questa non è a prova di futuro. Meglio usaremapTypeControlOptions

— qarthandso

quella non è una soluzione

— Emiliano

15

mapTypeControl e streetViewControl su 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
fonte

3

Ho avuto lo stesso problema. L'impostazione mapTypeControl: falsee il passaggio con altre opzioni hanno funzionato per me. Puoi controllare le specifiche qui .

— Khrystyna Skvarok
fonte