Як вимкнути супутниковий вигляд Google Map?

90

Я працюю над Google Maps Javascript API V 3.

Все працює нормально, але я хочу відключити кнопку MAP, яка відображається у верхньому правому куті за допомогою кнопки SATELLITE.

Як я можу це зробити?

google-maps google-maps-api-3

— Джатін Дхут
джерело

65

Коли ви вмикаєте карту і передаєте їй параметри, ви маєте можливість вказати mapTypeControlOptions. Вони мають масив, який вказує, який тип мапти ви дозволите користувачеві бачити. Це можна побачити тут http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions .

Якщо ви не хочете, щоб у користувача були якісь параметри щодо маптипів, ви можете також вказати це, встановивши для map mapTypeControl значення false.

— Каспер Вест
джерело

2

Якщо встановити для mapTypeControl значення false, то елемент керування однозначно зникає, але як я можу його налаштувати так, щоб mapTypeControl містив лише кнопки SATELLITE і TERRAIN?

— Jatin Dhoot

Це те, що повинен робити mapTypeControlOptions .. Він містить масив, де ви можете вказати, що SATELLITE і TERRAIN - це параметри, які повинен бачити користувач.

— Каспер Вест

23

Я не знаю , якщо це v3 річ, але якщо хто - то хоче , щоб укомплектувати приховати цей контроль, установка mapTypeControlна falseне працює. Натомість те, що спрацювало для мене (у v3), було налаштування: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
джерело

45

Вимкнути опцію Супутник:

mapTypeControl: false

Вимкнути перегляд вулиць.

streetViewControl: false

— PodTech.io
джерело

19

Ви можете приховати їх через 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та передача з іншими параметрами працювали для мене. Ви можете перевірити специфікацію тут .

— Христина Скварок
джерело