Google Haritanın Uydu görünümü nasıl devre dışı bırakılır?

91

Google Maps Javascript API V 3 üzerinde çalışıyorum.

Her şey yolunda gidiyor ama sağ üst alanda SATELLITE butonu ile görünen MAP butonunu devre dışı bırakmak istiyorum.

Bunu nasıl yapabilirim?

google-maps google-maps-api-3

— Jatin Dhoot
kaynak

66

Haritayı etkinleştirip seçenekleri ona aktardığınızda, bir mapTypeControlOptions belirtme şansınız olur. Bunların, kullanıcının görmesine izin vereceğiniz harita türlerini belirten bir Dizi vardır. Burada http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions görülebilir .

Kullanıcının maptypes ile ilgili herhangi bir seçeneğe sahip olmasını istemiyorsanız, bunu maps mapTypeControl öğesini false olarak ayarlayarak da belirtebilirsiniz.

— Kasper Vesth
kaynak

2

MapTypeControl'ü false olarak ayarlamak kontrolü kesinlikle ortadan kaldırır, ancak mapTypeControl yalnızca UYDU ve TERRAIN düğmelerini içerecek şekilde onu nasıl özelleştirebilirim?

— Jatin Dhoot

MapTypeControlOptions'ın yapması gereken budur .. UYDU ve TERRAIN'in kullanıcının görmesi gereken seçenekler olduğunu belirtebileceğiniz bir dizi tutar.

— Kasper Vesth

24

Bu kontrol bir v3 şey, ama birileri isteklerine eğer tamamen gizlemek için eğer ayarlama, bilmiyorum mapTypeControliçin falsedeğil işin. Bunun yerine benim için işe mapTypeControlOptions: { mapTypeIds: [] }

— yarayan

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
kaynak

46

Uydu seçeneğini devre dışı bırakın:

mapTypeControl: false

Sokak görünümünü devre dışı bırakın.

streetViewControl: false

— PodTech.io
kaynak

20

Bunları css ile gizleyebilirsiniz

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

— Webchun
kaynak

1

Bu geleceğin kanıtı değil. mapTypeControlOptions

— Kullanması

bu bir çözüm değil

— Emiliano

15

mapTypeControl ve streetViewControl seçeneği 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
kaynak

3

Ben de aynı sorunu yaşadım. mapTypeControl: falseDiğer seçeneklerle ayarlamak ve geçmek benim için çalıştı. Teknik özellikleri buradan kontrol edebilirsiniz .

— Khrystyna Skvarok
kaynak