Google지도로 페이지 확대/축소

Google지도 v3.5 API를 사용하는 iPad 용 webb 앱에서 작업 중이며 문제가 발생했습니다. 나는 그것이 api의 버그라고 생각하지만 나는 그것을 떨어 뜨리기 전에 여기에 그것을 확인하기를 바라고 있습니다. 페이지를 가로 모드 나 세로 모드로로드하는 것은 문제가 없지만 potrait에서 landscape로 변경하면 오른쪽 상단 코너의 버튼이 화면 밖으로 밀려납니다. 마치 화면의 해상도가 변경되지 않은 것처럼 보입니다. 일종의 자체 페이지가 확대 된 것 같습니다.
불행히도 webadress를 공유하는 것은 허용되지 않지만 이전에이 구경꾼을 만났습니까? 그리고 거기에 soloution가 있습니까?
그것은 단지 조각 하드 알고 있지만 ...이 모든 재미 사업입니다에서 사용자를 중지 헤더입니다 :Google지도로 페이지 확대/축소

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

을 그리고 이것은 맵이 상주 할 몸이다.

<div id="map_canvas" style="width: 100%; height: 100%"></div>

그리고이지도를 표시에 javscript에서이다 : 나는 웹 페이지에 아무 것도 표시에 관해서 API를 구글 단지이 호출 오류를 repdroduce 할 수 있었다

var myLatlng = new google.maps.LatLng(56.668142,16.341105); 
// Start settings for the map 
var myOptions = { 
    zoom: 13, 
    center: myLatlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 
// Creating and displaying the map 
map = new google.maps.Map(document.getElementById("map_canvas"), 
    myOptions);

출처

2011-05-11 Skadlig

그것은 내가 페이지가 표시되지 않기 때문에 말하기 어렵다. 하지만 그것은 CSS 문제 일 수 있습니다. 지도 영역의 크기를 지정하는 방법을 확인하십시오. 크기 조정 이벤트를 바인드하고 현재 값에 따라 맵 영역의 크기를 조정할 수 있습니다. – Tomik

@Tomik 몇 가지 코드를 추가했습니다. 이 문제와 관련된 유일한 코드 여야하지만 뭔가 놓친 것 같습니다. – Skadlig

대신이 메타 태그를 사용해보십시오 :

<meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" />

출처

2012-03-06 19:19:48

Google지도로 페이지 확대/축소

답변

관련 문제