¿Cómo deshabilitar la vista de satélite de Google Map?

89

Estoy trabajando en Google Maps Javascript API V 3.

Todo funciona bien, pero quiero desactivar el botón MAP que aparece en el área superior derecha con el botón SATELLITE.

¿Cómo puedo hacer esto?

Jatin Dhoot
fuente

Respuestas:

65

Cuando habilita el mapa y le pasa las opciones, tiene la oportunidad de especificar un mapTypeControlOptions. Estos tienen una matriz que especifica qué tipo de tipo de mapa permitirá que el usuario pueda ver. Se puede ver aquí http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions .

Si no desea que el usuario tenga opciones en cuanto a los tipos de mapas, también puede especificarlo estableciendo los mapas mapTypeControl en falso.

Kasper Vesth
fuente
2
Establecer mapTypeControl en false definitivamente hace desaparecer el control, pero ¿cómo puedo personalizarlo para que mapTypeControl solo contenga botones SATELLITE y TERRAIN?
Jatin Dhoot
Eso es lo que debería hacer mapTypeControlOptions. Contiene una matriz en la que puede especificar que SATELLITE y TERRAIN son las opciones que el usuario debería ver.
Kasper Vesth
23
No sé si es una cosa v3, pero si alguien deseos para ocultar completamente este control, el establecimiento mapTypeControla falseno funciona. En cambio, lo que funcionó para mí (en v3) fue la configuración: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
fuente
44

Desactivar la opción de satélite:

mapTypeControl: false

Desactivar la vista de la calle.

streetViewControl: false
PodTech.io
fuente
18

Puede ocultarlos a través de css

.gm-style-mtc {
  display: none;
}
webchun
fuente
1
Esto no es una prueba de futuro. Mejor usomapTypeControlOptions
qarthandso
eso no es una solución
Emiliano
15

mapTypeControl y streetViewControl opción a 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
fuente
3

Tuve el mismo problema. Establecer mapTypeControl: falsey pasar con otras opciones funcionó para mí. Puede consultar las especificaciones aquí .

Khrystyna Skvarok
fuente