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?

google-maps google-maps-api-3

— Jatin Dhoot
sumber

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