如何禁用谷歌地图的卫星视图？

我正在使用Google Maps Javascript API V 3。

一切工作正常，但是我想禁用MAP按钮，该按钮与SATELLITE按钮一起显示在右上角。

我怎样才能做到这一点？

启用地图并将选项传递给它时，您将有机会指定mapTypeControlOptions。它们具有一个Array，用于指定您将允许用户看到的地图类型。可以在这里http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions看到。

如果您不希望用户对地图类型有任何选择，则还可以通过将地图mapTypeControl设置为false来指定。

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

禁用卫星选项：

mapTypeControl: false

禁用街景。

streetViewControl: false

您可以通过CSS隐藏它们

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

mapTypeControl和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
        });  

我遇到过同样的问题。设置mapTypeControl: false和传递其他选项对我有用。您可以在此处查看规格。