98 votes

Comment désactiver la vue satellite de Google Map ?

Je travaille sur Google Maps Javascript API V 3.

Tout fonctionne bien mais je veux désactiver le bouton MAP qui apparaît dans la zone supérieure droite avec le bouton SATELLITE.

Comment puis-je le faire ?

133voto

blomman9 Points 446
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

68voto

Kasper Vesth Points 1822

Lorsque vous activez la carte et lui passez les options, vous avez la possibilité de spécifier un mapTypeControlOptions. Il s'agit d'un tableau qui spécifie les types de cartes que vous autorisez l'utilisateur à voir. Il peut être vu ici http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions .

Si vous ne souhaitez pas que l'utilisateur ait la possibilité de choisir les types de cartes, vous pouvez également le spécifier en donnant la valeur false au paramètre mapTypeControl de la carte.

57voto

Hariboo Points 1

Désactiver l'option Satellite :

mapTypeControl: false

Désactiver la vue des rues.

streetViewControl: false

20voto

webchun Points 1175

Vous pouvez les masquer via css

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

1 votes

Ce n'est pas une preuve d'avenir. Il est préférable d'utiliser mapTypeControlOptions

0 votes

Ce n'est pas une solution

18voto

l'option mapTypeControl et streetViewControl à false

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

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X