Mi mapa basado en Leaflet y AngularJS no se carga correctamente. No sé qué está pasando, pero los mosaicos de los mapas no se presentan como deberían.

Este es el mapa base:

Este es mi código:

    function setMapPosition(){
        $scope.center = {
            lat: 51.505,
                lng: -0.09,
                zoom: 8
        };


        $scope.defaults= {
            scrollWheelZoom: false
        };

        $scope.tiles = 'openstreetmap';
    }