我的网络应用中的谷歌地图在平板电脑上显示错误

Question

我尝试在我的cordova应用程序中运行谷歌地图。它在移动设备（Iphone 5s）上显示良好，但在我的平板电脑（Nexus 7）上无法显示。

这是我的地图显示功能：

function onSuccessMap() {

var myLocation = new google.maps.LatLng(LATITUDE, LONGITUDE);

if (map === null)
{
    directionsDisplay = new google.maps.DirectionsRenderer({suppressMarkers: true});

    map = new google.maps.Map(document.getElementById('directionMap'), {
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        center: myLocation,
        disableDoubleClickZoom: true,
        zoom: 8
    });

    directionsDisplay.setMap(map);

}



}

地图显示在屏幕的左上方，并没有占用所有空间。

我希望我已经提供了足够的信息

Answer 1

我相信你需要设置包含地图的div的宽度和高度（#directionMap）。

（div应该独立占用空间。地图不会使div更大）。 Nexus 7可能运行KitKat，差异源于Chromium v​​s. Webkit。