¿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?

google-maps google-maps-api-3

— Jatin Dhoot
fuente

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