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

91

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

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

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

Джатин Дхут
источник

Ответы:

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меня сработала установка и переход с другими параметрами. Вы можете проверить спецификации здесь .

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