0

WebApp としても、ネイティブ Android Web ビュー内でも使用される Web ページがあります。Web ページには、Google Maps API v3 のコンテンツが表示されます。問題は ：

古い Android デバイスでは、ページの読み込み時にズーム コントロールが完全に表示されません。

これは、古い Android ブラウザーではマルチタッチ イベントを JavaScript ランタイムに許可していないためであることを理解しています。したがって、API はズーム コントロールを表示します。少なくともズーム コントロールを完全に表示する方法を見つける必要があります。

おそらくCSSの修正を提案してください:P

ズームアウト ボタンが完全にレンダリングされていないスクリーンショットを PFA します。

スクリーンショット

  Code:
    HTML:
        <div class="mapBody">
           <div id="map">
           </div>
        </div> 
    CSS:
    #map {
        height: 90%;
        width: 100%;
        position: absolute !important;
    }
4

1 に答える 1

0

回避策：JSでマルチタッチイベントをサポートするすべてのデバイスで表示が適切だったため、JSのマップインスタンスに次のプロパティを追加しました。これは基本的にコントロールの位置/コントロールのタイプを指定します。

        zoomControl: true,
        zoomControlOptions: {
             position: google.maps.ControlPosition.TOP_LEFT
        }

注：これは解決策ではありませんが、急いでいて、既存のフローに大きな問題を引き起こさなかったために使用した回避策にすぎません。

于 2012-10-04T08:58:40.137 に答える