如何禁用Google地图的卫星视图？

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

一切工作正常，但我想禁用出现在卫星button右上angular的地图button。

我怎样才能做到这一点？

提前致谢。

Answer 1

当您启用地图并将选项传递给它时，您有机会指定mapTypeControlOptions。 这些有一个数组，指定你将允许用户能够看到什么样的maptype。 在http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions中可以看到。;

如果您不希望用户对maptype有任何select，也可以通过将mapTypeControl设置为false来指定。

Answer 2

 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 

Answer 3

你可以通过CSS隐藏它们

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

Answer 4

禁用卫星选项：

 mapTypeControl: false 

禁用街景。

 streetViewControl: false 

Answer 5

我遇到过同样的问题。 设置mapTypeControl: false并传递与其他选项为我工作。 你可以在这里查看规格。

Answer 6

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