Как отключить вид со спутника на карте Google?

91

Я работаю над Google Maps Javascript API V 3.

Все работает нормально, но я хочу отключить кнопку MAP, которая появляется в правом верхнем углу с кнопкой SATELLITE.

Как я могу это сделать?

google-maps google-maps-api-3

66

Когда вы включаете карту и передаете ей параметры, у вас есть возможность указать mapTypeControlOptions. У них есть массив, который указывает, какой тип карты вы разрешите пользователю видеть. Его можно увидеть здесь http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions .

Если вы не хотите, чтобы у пользователя были какие-либо параметры в отношении типов карт, вы также можете указать это, установив для карты mapTypeControl значение false.

— Каспер Вест
источник

2

Установка для mapTypeControl значения false определенно приводит к исчезновению элемента управления, но как я могу настроить его так, чтобы mapTypeControl содержал только кнопки SATELLITE и TERRAIN?

— Jatin Dhoot

Это то, что должен делать mapTypeControlOptions. Он содержит массив, в котором вы можете указать, что SATELLITE и TERRAIN - это параметры, которые должен видеть пользователь.

— Каспер Вест,

24

Я не знаю, относится ли это к версии 3, но если кто-то хочет полностью скрыть этот элемент управления, установка mapTypeControlна falseне работает. Вместо этого у меня сработало (в версии 3) установка:mapTypeControlOptions: { mapTypeIds: [] }

— OrPo

125

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
источник

46

Отключить опцию спутника:

mapTypeControl: false

Отключить просмотр улиц.

streetViewControl: false

— PodTech.io
источник

20

Вы можете скрыть их через css

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

— вебчун
источник

1

Это не гарантия будущего. Лучше использоватьmapTypeControlOptions

— qarthandso

это не решение

— Эмилиано

15

Для параметра 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
        });

— Сурендра Кумар Ахир
источник

3

Я была такая же проблема. У mapTypeControl: falseменя сработала установка и переход с другими параметрами. Вы можете проверить спецификации здесь .

— Кристина Скварок
источник