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

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
        }

注意：这不是一个解决方案，而只是我使用的一种解决方法，因为它匆忙，因为它没有给现有的流程带来太多麻烦。