title: Map based on Leaflet and AngularJS not loaded correctly
body: <p>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.</p>
  
  <p>This is the base map:</p>
  
  <p><a href="https://i.stack.imgur.com/NOBNZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NOBNZ.png" alt="base map"></a></p>
  
  <p>This is my code:
  
  
                  </p>
  
  <pre><code>    function setMapPosition(){
          $scope.center = {
              lat: 51.505,
                  lng: -0.09,
                  zoom: 8
          };
  
  
          $scope.defaults= {
              scrollWheelZoom: false
          };
  
          $scope.tiles = 'openstreetmap';
      }
  </code></pre>