получает сообщение об ошибке, как первый ребенок не определенно при использовании Google Maps

Question

получает сообщение об ошибке при использовании Google Maps несколько раз с помощью следующего кода

var checkForMap = function() { 
    $scope.post.showMap = true; 
    var myLatlng = new google.maps.LatLng($scope.post.location.x, $scope.post.location.y); 
    var myOptions = { 
     zoom: 15, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    var mapHolder = $('.map_class')[$scope.$index]; 
    $scope.map = new google.maps.Map(mapHolder, myOptions); 
    var infowindow = new google.maps.InfoWindow(); 
    var marker = new google.maps.Marker({ 
     map: $scope.map, 
     position: myLatlng 
    }); 
    google.maps.event.addListener(marker, 'click', function() { 
     infowindow.setContent($scope.item.post.post.locationName); 
     infowindow.open(map, this); 
    }); 
} 
if ($scope.post.locationName != null) { 
    checkForMap(); 
} else { 
    $scope.post.showMap = false; 
} 

с помощью Google Maps несколько times.By используя $ Scope. $ Индекса я могу отобразить точное местоположение.

Answer 1

API JavaScript Google Maps предоставляет способ регистрации для event notifications, в частности onload события, которое запускается после полной загрузки HTML-страницы.

Чтобы карта становится инициализируется как только страница загружена заменить

checkForMap(); 

с

google.maps.event.addDomListener(window, 'load', checkForMap);