map layer into success response

reports/static/reports/js/minimap.js

@@ -23,33 +23,30 @@ var map = new ol.Map({
 
 //addLayer
 function addImageLayer(labelDate) {
-  map.removeLayer(imagelayer)
-
-  var xyz = new ol.layer.Tile({
-    opacity: 0.5,
-    source: new ol.source.XYZ({
-      projection: 'EPSG:3857',
-      url: '/reports/tiles/'+purchase_id+'/'+zone+'/'+labelDate+'/{z}/{x}/{-y}.png',
-      tilePixelRatio: 2,
-      minZoom: 9,
-      maxZoom: 14
-    })
-  });
-
-  imagelayer = xyz;
-  map.addLayer(xyz);
-
   $.ajax({
     type: 'POST',
     dataType: "json",
     data: {'purchase_id': purchase_id, 'report': zone, 'date': labelDate},
     url: '/reports/tiles/tileinfo',
     success: function (data) {
+      map.removeLayer(imagelayer)
+
+      var xyz = new ol.layer.Tile({
+        opacity: 0.5,
+        source: new ol.source.XYZ({
+          projection: 'EPSG:3857',
+          url: '/reports/tiles/'+purchase_id+'/'+zone+'/'+labelDate+'/{z}/{x}/{-y}.png',
+          tilePixelRatio: 2,
+          minZoom: 9,
+          maxZoom: 14
+        })
+      });
+
+      imagelayer = xyz;
+      map.addLayer(xyz);
+      
       var extent = ol.proj.transformExtent(data.boundingBox, 'EPSG:4326', 'EPSG:3857');
       map.getView().fit(extent, {duration: 800})
-    },
-    error: function(data) {
-      console.error("request error: ", {'msg': 'tile info request failed'});
     }
   });
 }