Comment désactiver la vue satellite de Google Map?

89

Je travaille sur l'API Javascript V 3 de Google Maps.

Tout fonctionne bien mais je veux désactiver le bouton MAP qui apparaît en haut à droite avec le bouton SATELLITE.

Comment puis-je faire ceci?

google-maps google-maps-api-3 Jatin Dhoot
la source

Réponses:

65

Lorsque vous activez la carte et lui transmettez les options, vous avez la possibilité de spécifier un mapTypeControlOptions. Ceux-ci ont un tableau qui spécifie le type de maptype que vous autoriserez l'utilisateur à voir. Il peut être consulté ici http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions .

Si vous ne souhaitez pas que l'utilisateur ait des options quant aux types de mappage, vous pouvez également le spécifier en définissant les mappes mapTypeControl sur false.

Kasper Vesth
la source
2
La définition de mapTypeControl sur false fait définitivement disparaître le contrôle, mais comment puis-je le personnaliser pour que mapTypeControl ne contienne que les boutons SATELLITE et TERRAIN?
Jatin Dhoot
C'est ce que devrait faire mapTypeControlOptions. Il contient un tableau dans lequel vous pouvez spécifier que SATELLITE et TERRAIN sont les options que l'utilisateur doit voir.
Kasper Vesth
23
Je ne sais pas si c'est une chose v3, mais si quelqu'un souhaite masquer complètement ce contrôle, le réglage mapTypeControlsur falsene fonctionne pas. Au lieu de cela, ce qui a fonctionné pour moi (dans la v3) était le réglage: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
la source
44

Désactiver l'option Satellite:

mapTypeControl: false

Désactivez la vue de la rue.

streetViewControl: false
PodTech.io
la source
18

Vous pouvez les masquer via css

.gm-style-mtc {
  display: none;
}
webchun
la source
1
Ce n'est pas une preuve future. Mieux vaut utilisermapTypeControlOptions
qarthandso
ce n'est pas une solution
Emiliano
15

mapTypeControl et option streetViewControl sur 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
la source
3

J'ai eu le même problème. Définir mapTypeControl: falseet passer avec d'autres options a fonctionné pour moi. Vous pouvez vérifier les spécifications ici .

Khrystyna Skvarok
la source