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
source

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
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
source

44

Désactiver l'option Satellite:

mapTypeControl: false

Désactivez la vue de la rue.

streetViewControl: false

— PodTech.io
source

18

Vous pouvez les masquer via css

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

— webchun
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
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
source