Como desativar a visualização de satélite do Google Map?

89

Estou trabalhando na API Javascript V 3 do Google Maps.

Tudo está funcionando bem, mas eu quero desabilitar o botão MAP que aparece na área superior direita com o botão SATÉLITE.

Como posso fazer isso?

google-maps google-maps-api-3

— Jatin Dhoot
fonte

65

Quando você ativa o mapa e passa as opções para ele, tem a chance de especificar um mapTypeControlOptions. Eles têm um Array que especifica que tipo de tipo de mapa você permitirá que o usuário veja. Ele pode ser visto aqui http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions .

Se você não quiser que o usuário tenha nenhuma opção quanto aos tipos de mapa, também pode especificar isso configurando os mapas mapTypeControl como false.

— Kasper Vesth
fonte

2

Definir mapTypeControl como false definitivamente elimina o controle, mas como posso personalizá-lo para que mapTypeControl contenha apenas os botões SATÉLITE e TERRENO?

— Jatin Dhoot

Isso é o que mapTypeControlOptions deve fazer. Ele contém uma matriz onde você pode especificar que SATELLITE e TERRAIN são as opções que o usuário deve ver.

— Kasper Vesth

23

Não sei se é uma coisa da v3, mas se alguém deseja ocultar completamente esse controle, definir mapTypeControlcomo falsenão funciona. Em vez disso, o que funcionou para mim (na v3) foi definir: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
fonte

44

Desativar opção de satélite:

mapTypeControl: false

Desative a vista da rua.

streetViewControl: false

— PodTech.io
fonte

18

Você pode ocultá-los via css

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

— webchun
fonte

1

Isso não é à prova de futuro. Melhor usarmapTypeControlOptions

— qarthandso

isso não é solução

— Emiliano

15

opção mapTypeControl e streetViewControl para 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
fonte

3

Eu tive o mesmo problema. Definir mapTypeControl: falsee passar com outras opções funcionou para mim. Você pode verificar as especificações aqui .

— Khrystyna Skvarok
fonte