Javascript 角度Google-Maps-map在为移动设备调整大小时渲染不正确

我已经实现了我的地图，但是，当我在手机上查看地图或分辨率低于768px时，地图渲染不正确。它似乎正在加载左上角的所有地图分幅，然后再次完全正确地加载

我已尝试设置调整大小事件，但没有效果

这是我的代码

普通桌面分辨率

调整大小后<768px

---

当缩放级别小于14时，问题似乎会出现。很奇怪。如果我将缩放级别设置为高于此值，问题就会消失

这很可能是可以设置的google地图库中的一个设置

<ui-gmap-google-map zoom="13" center="map.center" events="" class="col-md-12 google-map">

你能给我一张截图吗？我注意到，如果地图在其包含的元素具有高度和宽度之前进行初始化，可能会导致问题。您可以在地图上添加一个

ng if

，以防止加载，直到其他元素出现。我发现您没有足够的代表发布屏幕截图->我撞了您。@Chris我添加了一个ng if，查看$scope.showMap。我已将此连接到间隔3秒钟。我还是遇到了同样的问题？如果你用已经设置好的大小刷新浏览器，它能工作吗？也就是说，这是一个调整大小的问题还是一个启动问题。@Chris否。我可以用手机大小加载它，但我仍然有这个问题。当我把它放在手机上的时候。我也尝试过删除所有不需要的css库，比如引导和剑道ui，但问题仍然存在

$scope.map = {
    zoom: 10,
    center: [{
        latitude: response[0].latitude,
        longitude: response[0].longitude
    }, {
        latitude: response[response.length - 1].latitude,
        longitude: response[response.length - 1].longitude
    }],
    options: {
        // draggable: false
    },
    events: {
        tilesloaded: function (map, eventName, args) {
            google.maps.event.trigger(map, 'resize');
        }
    }
};

<ui-gmap-google-map zoom="13" center="map.center" events="" class="col-md-12 google-map">