web-dev-qa-db-fra.com

Comment désactiver la vue satellite de Google Maps?

Je travaille sur Google Maps Javascript API V 3.

Tout fonctionne bien mais je veux désactiver le bouton MAP qui apparaît dans le coin supérieur droit avec le bouton SATELLITE.

Comment puis-je faire ceci?

google-mapsgoogle-maps-api-3
81
Jatin Dhoot

Lorsque vous activez la carte et que vous lui passez les options, vous avez la possibilité de spécifier un mapTypeControlOptions. Ceux-ci ont un tableau qui spécifie quel type de type de carte vous permettrez à l'utilisateur de voir. Vous pouvez le voir ici http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions .

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

56
Kasper Vesth
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
115
blomman9

Désactiver l'option satellite:

mapTypeControl: false

Désactiver la vue de la rue.

streetViewControl: false
31
PodTech.io

Vous pouvez les cacher via css

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

option mapTypeControl et 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
        });
9
Surendra Kumar Ahir

J'ai eu le même problème. Réglage mapTypeControl: false et passer avec d'autres options a fonctionné pour moi. Vous pouvez vérifier spec ici .

3
Khrystyna Skvarok