ページはGoogleマップでiPadをズームしました

Googleマップv3.5 APIを使用し、問題を横断して実行しているiPad用webbアプリを開発中です。私はそれがapiのバグだと思うが、落とす前にここで確認することを望んでいる。ページを横向きまたは縦長モードで読み込むのは問題ありませんが、ポットライツトからランドスケープに変更すると、右上のコーナーのボタンが画面外に押し出されます。画面の解像度が変わらないかのように見えます。私は残念なことにwebadressを共有することはできませんが、他の誰かが前にこの遭遇を経験していますか？そして、それはsoloutionですか？
は、それが唯一のスニペットでは難しい知っているが...これはどんな面白いグレードってこんなモンからユーザーを停止するために、ヘッダーからです：ページはGoogleマップでiPadをズームしました

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

そして、これは、マップが常駐する身体からです。

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

そして、これは、マップを表示するjavscriptからです。私は、Webページ上の何も表示に関しては、APIをGoogleにのみ、この呼び出しでエラーを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マップでiPadをズームしました

答えて

関連する問題