Bagaimana cara menonaktifkan tampilan Satelit Google Map?

90

Saya sedang mengerjakan Google Maps Javascript API V 3.

Semuanya bekerja dengan baik tetapi saya ingin menonaktifkan tombol PETA yang muncul di area kanan atas dengan tombol SATELIT.

Bagaimana saya bisa melakukan ini?

Jatin Dhoot
sumber

Jawaban:

65

Saat Anda mengaktifkan peta dan meneruskan opsi ke peta itu, Anda memiliki kesempatan untuk menentukan mapTypeControlOptions. Ini memiliki Array yang menentukan jenis maptype apa yang Anda izinkan untuk dilihat oleh pengguna. Ini dapat dilihat di sini http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions .

Jika Anda tidak ingin pengguna memiliki opsi apa pun untuk tipe peta, Anda juga dapat menetapkannya dengan menyetel mapTypeControl maps ke false.

Kasper Vesth
sumber
2
Mengatur mapTypeControl ke false pasti menghilangkan kontrol tetapi bagaimana saya dapat menyesuaikannya sehingga mapTypeControl hanya berisi tombol SATELIT dan TERRAIN?
Jatin Dhoot
Itulah yang harus dilakukan mapTypeControlOptions .. Ini menyimpan larik di mana Anda dapat menentukan bahwa SATELIT dan TERRAIN adalah opsi yang harus dilihat pengguna.
Kasper Vesth
23
Saya tidak tahu apakah ini hal v3, tetapi jika seseorang ingin sepenuhnya menyembunyikan kontrol ini, pengaturan mapTypeControlke falsetidak berfungsi. Sebaliknya apa yang berhasil untuk saya (di v3) adalah pengaturan: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
sumber
45

Nonaktifkan opsi Satelit:

mapTypeControl: false

Nonaktifkan tampilan jalan.

streetViewControl: false
PodTech.io
sumber
19

Anda dapat menyembunyikannya melalui css

.gm-style-mtc {
  display: none;
}
webchun
sumber
1
Ini bukan bukti masa depan. Lebih baik digunakanmapTypeControlOptions
qarthandso
itu bukan solusi
Emiliano
15

mapTypeControl dan opsi streetViewControl ke 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
sumber
3

Saya memiliki masalah yang sama. Pengaturan mapTypeControl: falsedan penerusan dengan opsi lain berhasil untuk saya. Anda dapat memeriksa spesifikasinya di sini .

Khrystyna Skvarok
sumber