Google Maps Слой HeatMap Серые квадраты - PullRequest
Новая
       23

Google Maps Слой HeatMap Серые квадраты

0 голосов
/ 11 ноября 2018

Я использую Google Heatmap API в Angular. Я следую инструкциям в документации, но когда карта отображается, в некоторых частях появляются серые прямоугольники. Я уже пытался изменить размер карты без результатов. 

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");
          }
        )};

Вот как карта показывает карту тепла:

HeatMap HeatMap

...