Google지도의 위성보기를 비활성화하는 방법은 무엇입니까?


90

Google Maps Javascript API V 3에서 작업 중입니다.

모든 것이 잘 작동하지만 SATELLITE 버튼으로 오른쪽 상단 영역에 나타나는 MAP 버튼을 비활성화하고 싶습니다.

어떻게 할 수 있습니까?

답변:


65

지도를 활성화하고 옵션을 전달하면 mapTypeControlOptions를 지정할 수 있습니다. 여기에는 사용자가 볼 수있는지도 유형의 종류를 지정하는 배열이 있습니다. http://code.google.com/apis/maps/documentation/javascript/reference.html#MapTypeControlOptions에서 볼 수 있습니다 .

사용자가지도 유형에 대한 옵션을 갖지 않도록하려면 maps mapTypeControl을 false로 설정하여 지정할 수도 있습니다.


2
mapTypeControl을 false로 설정하면 컨트롤이 확실히 사라지지만 mapTypeControl에 SATELLITE 및 TERRAIN 버튼 만 포함되도록 어떻게 사용자 정의 할 수 있습니까?
Jatin Dhoot

이것이 mapTypeControlOptions가해야하는 일입니다 .. SATELLITE 및 TERRAIN이 사용자에게 표시되어야하는 옵션임을 지정할 수있는 배열을 보유합니다.
Kasper Vesth

23
v3인지는 모르겠지만 누군가가이 컨트롤을 완전히 숨기고 싶다면로 설정 mapTypeControlfalse작동하지 않습니다. 대신 저에게 효과가 있었던 것은 (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

45

위성 비활성화 옵션 :

mapTypeControl: false

스트리트 뷰를 사용 중지합니다.

streetViewControl: false

19

CSS를 통해 숨길 수 있습니다.

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

1
이것은 미래의 증거가 아닙니다. 더 나은 사용mapTypeControlOptions
qarthandso jul.

것으로는 해결책이 아니다
에밀리

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
        });  

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.