Làm cách nào để tắt chế độ xem Vệ tinh của Google Map?

89

Tôi đang làm việc trên Google Maps Javascript API V 3.

Mọi thứ đang hoạt động tốt nhưng tôi muốn tắt nút MAP xuất hiện ở khu vực trên cùng bên phải với nút SATELLITE.

Tôi có thể làm cái này như thế nào?

google-maps google-maps-api-3

— Jatin Dhoot
nguồn

65

Khi bạn kích hoạt bản đồ và chuyển các tùy chọn cho nó, bạn có cơ hội chỉ định một mapTypeControlOptions. Chúng có một Mảng chỉ định loại bản đồ mà bạn sẽ cho phép người dùng có thể xem. Nó có thể được nhìn thấy ở đây http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions .

Nếu bạn không muốn người dùng có bất kỳ tùy chọn nào đối với kiểu bản đồ, bạn cũng có thể chỉ định điều đó bằng cách đặt bản đồ mapTypeControl thành false.

— Kasper Vesth
nguồn

2

Đặt mapTypeControl thành false chắc chắn sẽ biến mất điều khiển nhưng làm cách nào tôi có thể tùy chỉnh nó để mapTypeControl chỉ chứa các nút SATELLITE và TERRAIN?

— Jatin Dhoot

Đó là những gì mapTypeControlOptions nên làm .. Nó chứa một mảng nơi bạn có thể chỉ định rằng SATELLITE và TERRAIN là những tùy chọn mà người dùng nên xem.

— Kasper Vesth

23

Tôi không biết đó có phải là điều v3 hay không, nhưng nếu ai đó muốn ẩn hoàn toàn điều khiển này, thì cài đặt mapTypeControlthành falsekhông hoạt động. Thay vào đó, những gì hiệu quả với tôi (trong phiên bản 3) đang thiết lập:mapTypeControlOptions: { mapTypeIds: [] }

— OrPo

124

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
nguồn

44

Tắt tùy chọn Vệ tinh:

mapTypeControl: false

Tắt chế độ xem phố.

streetViewControl: false

— PodTech.io
nguồn

18

Bạn có thể ẩn chúng qua css

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

— webchun
nguồn

1

Đây không phải là bằng chứng trong tương lai. Tốt hơn để sử dụngmapTypeControlOptions

— qarthandso

đó không phải là giải pháp

— Emiliano

15

mapTypeControl và tùy chọn streetViewControl thành 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
nguồn

3

Tôi gặp vấn đề tương tự. Thiết lập mapTypeControl: falsevà chuyển với các tùy chọn khác đã làm việc cho tôi. Bạn có thể kiểm tra thông số kỹ thuật ở đây .

— Khrystyna Skvarok
nguồn