android - 谷歌地图缩放控件未完全显示

Question

我有一个既用作 WebApp 又用作原生 Android webview 的网页。该网页显示来自 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;
    }

Answer 1

解决方法：由于在 JS 上支持多点触控事件的所有设备都可以显示，所以我只是在 JS 中的地图实例中添加了以下属性，它基本上指定了控件的位置/控件类型。

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

注意：这不是一个解决方案，而只是我使用的一种解决方法，因为我很着急，因为它不会对现有流程造成太大麻烦。