0

jQuery Mobile アプリに埋め込まれた Google マップがあります。iPhone でマップを表示し、infoWindows をクリックすると、次のような動作が得られます。

  1. マップを左にパンする必要がある infoWindow をクリックすると、infoWindow の右側が画面の右側から外れます。左にパンした地図
  2. マップを右にパンする必要がある infoWindow をクリックしても、同じ問題は発生しません。右にパンした地図

すべての情報ウィンドウのサイズは正しく設定されていますが、マップが正しい位置にパンされていません。次のコードを使用してマップを配置しています。

<style type="text/css">
.page-map, .ui-content, #map_canvas { width: 100%; height: 100%; padding: 0; }
#map_canvas img{max-width:none};
.content-primary, #map_canvas { height: 100%; min-height: 100%; }
</style>

<div data-role="page" data-theme="b" id="mappage" class="page-map" style="width:100%; height:100%;">
    <div data-role="content" class="fullHeight">
        <div id="map_canvas"></div>
    </div>
</div>

マップを左にパンさせるマーカーをクリックしたときに、infoWindows を正しくパンする方法を理解する必要があります。

4

1 に答える 1

0

ウィンドウの自動サイズ変更が問題の原因でした。情報ウィンドウが 225 ピクセルになるように CSS を調整しました。情報ウィンドウを iPhone ビューポートの開口部よりも小さくすると、期待どおりに情報ウィンドウが適切に配置されました。

于 2012-08-10T15:32:49.833 に答える