API google maps v3 [Error]

[juanvc123]

Uso angular.js para controlar una vista:

http://localhost/p/#/objects/53e429f

Lo que hago con esto es consultar a mi BaseDAtos y obtengo datos de Latitud y Longitud.

Como la vista usa un controlador así:

Código Javascript:

objectControllers.controller('objectDetail', 
    function($scope, $routeParams, $http) {     
        $http.get('objects/'+$routeParams.id).success(function(data) {
            
            $scope.object= data
            var lat = Number($scope.inmueble.lat)
            var lng = Number($scope.inmueble.lng)
            var address = $scope.inmueble.address
            
            google.maps.event.addDomListener(window, 'load', createMap(lat,lng,address));               
            
            
        })
})
 
function createMap(lat, lng, address) {
    
    var mapOptions = {
        center: new google.maps.LatLng(lat, lng),
        zoom: 16        
    }
 
    var mapa = new google.maps.Map(document.getElementById('mapa'), mapOptions);
 
    var marker = new google.maps.Marker({
        position: mapa.getCenter(),
        map: mapa                   
    });
 
    var infowindow = new google.maps.InfoWindow({
        content: address,
        size: new google.maps.Size(100,50)
    });
    
    infowindow.open(mapa,marker);                   
}
 

Mi contenedor del mapa está en el partial así:

Código HTML:

<div style="height:250px;width:500px;margin:0 auto;box-shadow:0 1px 4px rgba(0,0,0,.5)">
            <div id="mapa" style="width:100%;height:100%"></div>
        </div>
 

El problema radia en que el mapa cuando se le hace zoom el efecto es como el de una hoja pasando, tambien ocurre cuando muevo el mapa se demora en ubicarse y es un error solo en este ejemplo con angular.js y el controlador de vista.

dejo este gif del error http://postimg.org/image/570pc3iz1/

Agradezco me colaboren! :)