       )
 
 
+    modalSpinner.open()
+
     # get the region boundaries
     $http.get("data/tz_regions.geojson", cache: true)
       .success((regions, status) ->
         # get the wateropint data per region
-        waterpointStats.getStats(null, null, null, "region", true, (waterpoints) ->
+        waterpointStats.getStats(null, null, null, "region", true, (regionStats) ->
 
           # create an associative map by region name
-          regs = _.pluck(waterpoints, "region").map((x) -> x.toLowerCase())
-          regionMap = _.object(regs, waterpoints)
+          regs = _.pluck(regionStats, "region").map((x) -> x.toLowerCase())
+          regionMap = _.object(regs, regionStats)
 
           $scope.regionMap = regionMap
 
-          initMap(regions, waterpoints)
+          initMap(regions, [])
+
+          modalSpinner.close()
         ))

        onEachFeature: onEachFeature
      )

      map = L.map('nationalDashMap',
        center: new L.LatLng(-6.3153, 35.15625),
        zoom: 5,
        layers: [osmLayer, satLayer, regLayer]
      )

      baseMaps =

angular.module('taarifaWaterpointsApp')

  .controller 'DashMapCtrl', ($scope, $http, leafletData, $timeout, modalSpinner, waterpointStats, Waterpoint) ->

    $scope.hoverText = ""
    $scope.choroChoice = "percFun"
