Map based on Leaflet and AngularJS not loaded correctly

Question

My map based on Leaflet and AngularJS is not loading correctly. I do not know what\'s going on but the maps tiles are not laid out as they should be.

This is the base ma

Answer 1

If you are using leaflet directive for angularjs then

Check if your map container has an ng-cloak attribute. If it's there remove it.

Map not loading when ng-cloak presents

Map is loading when ng-cloak is not present