2012-01-12 3 views
2

지도가 매우 작지만 (180x120) 사람들이 확대/축소 할 수 있기를 바랍니다. + 및 - 만지도에 표시하는 방법은 무엇입니까?Google지도 작은 컨트롤

저는 Gmap v3입니다.

Google지도 도움말에 검색 한 내용이 없으므로 제대로 검색하지 못했을 수 있습니다.

감사

답변

2

에 표시된 컨트롤은 기본적으로지도의 크기에 따라 달라집니다. 그러나 대부분의 컨트롤을 map options을 통해 해제하거나 스타일을 바꿀 수 있습니다.

Google지도에서 180x120 픽셀지도에 대한 세 가지 컨트롤을 표시하는 것처럼 보입니다.

var myOptions = { 
    zoom: 8, 
    center: new google.maps.LatLng(-34.397, 150.644), 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    mapTypeControl: false, 
    streetViewControl: false 
}; 
map = new google.maps.Map(document.getElementById('map_canvas'), myOptions); 

Demo here : 당신은 뒤에 컴팩트 줌 컨트롤을 벗어나지도 유형 및 스트리트 뷰 컨트롤을 해제 할 수 있습니다.

+0

당신은 할 수 있습니다 :-) 당신의 도움을 주셔서 감사합니다 컨트롤을 작게 만드십시오. 아래 내 대답보기 ... – DanV

2

기본 사용자 인터페이스를 사용하지 않고 바로 줌 버튼을 사용할 수 있습니다 -

function initialize() { 
    var myOptions = { 
    zoom: 4, 
    center: new google.maps.LatLng(-33, 151), 
    panControl: false, 
    scaleControl: true, 
    zoomControl: true, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 
} 

참조 - 자세한 내용은 http://code.google.com/apis/maps/documentation/javascript/controls.html#DefaultUI.

1

비트 파티에 늦게,하지만 같은 일을하려고 사람을 위해,이 수행 할 수 있습니다 :

mapOptions = { 
    zoom: 5, 
    center: new google.maps.LatLng(53.737531, -5.240479), 
    disableDefaultUI: true, 
    zoomControl: true, 
    zoomControlOptions: { 
     style: google.maps.ZoomControlStyle.SMALL, 
     position: google.maps.ControlPosition.LEFT_CENTER 
}; 

참조 :

관련 문제