Google Maps HeatMap图层灰色方块

Question

我在Angular中使用Google Heatmap API。我按照文档中的步骤进行操作，但是在显示地图时，某些部分会出现灰色框。我已经尝试过调整地图大小而没有结果。

scope.initMap = function(){
        initFactory.getPuntosWifi().then(function(data) {
                map = new google.maps.Map(document.getElementById('mapInit'), {
                    zoom: 13,
                    center: {lat: 37.3761512, lng: -5.9906997},
                    mapTypeId: 'satellite'
                });
                heatmap = new google.maps.visualization.HeatmapLayer({
                    data: new google.maps.MVCArray(getPoints())

                });
                heatmap.setMap(map);
                heatmap.set('radius', 60);
                function getPoints() {
                    var points = [];

                    for(var i=0; i<data.puntos.length; i++){
                        points.push(new google.maps.LatLng(37.376,-5.990));
                    }

                    return points
                }


            heatmap.set('gradient', heatmap.get('gradient'));
            google.maps.event.trigger(map, "resize");
            google.maps.event.trigger(heatmap, "resize");
          }
        )};

这是地图显示热图的方式：

热图