✨ add country overlays

src/adjuster/adjuster.service.ts

@@ -161,7 +161,6 @@ export class AdjusterService {
       })
       .toPromise()
       .then((attractivenessData: any[]) => {
-        console.log("attractivenessData", attractivenessData)
         /* Spread the 'aggregate' value between 0 and 1 */
         const min = attractivenessData.reduce((a, b) =>
           a.aggregate < b.aggregate ? a : b

src/app.config.ts

@@ -143,14 +143,14 @@ const countryStyle = new Style({
   }),
 });
 
-export const countryLayer = new VectorLayer({
+export const ugandaLayer = new VectorLayer({
   properties: {
     editor: {editable: false},
     title: 'Uganda',
   },
   source: new VectorSource({
     format: new TopoJSON({dataProjection: 'EPSG:4326'}),
-    url: require('./data/uganda_districts_2020_10p_4326.topojson').default,
+    url: require('./data/uganda_50p.topojson').default,
     attributions: ['HDX, Uganda Bureau of Statistics with support from WHO'],
     overlaps: false,
   }),
@@ -158,6 +158,21 @@ export const countryLayer = new VectorLayer({
   style: countryStyle,
 });
 
+export const kenyaLayer = new VectorLayer({
+  properties: {
+    editor: {editable: false},
+    title: 'Kenya',
+  },
+  source: new VectorSource({
+    format: new TopoJSON({dataProjection: 'EPSG:4326'}),
+    url: require('./data/kenya_50p.topojson').default,
+    attributions: ['HDX, IEBC'],
+    overlaps: false,
+  }),
+  visible: true,
+  style: countryStyle,
+});
+
 export const AppConfig = {
   assetsPath: 'assets/hslayers-ng',
   useProxy: false,

src/app.service.ts

@@ -19,7 +19,7 @@ import {AdjusterComponent} from './adjuster/adjuster.component';
 import {AdjusterEventService} from './adjuster/adjuster-event.service';
 import {AdjusterLegendService} from './adjuster/adjuster-legend.service';
 import {AdjusterService} from './adjuster/adjuster.service';
-import {AppConfig, countryLayer, districtsIndexLayer} from './app.config';
+import {AppConfig, ugandaLayer, kenyaLayer, districtsIndexLayer} from './app.config';
 
 @Injectable({providedIn: 'root'})
 export class AppService {
@@ -113,7 +113,8 @@ export class AppService {
         this.adjusterEventService.layerReady.next({name: 'index'})
       );
     (districtsIndexLayer.getSource() as any).legend_categories = this.adjusterLegendService.createIndexLegend();
-    AppConfig.default_layers.push(countryLayer as any);
+    AppConfig.default_layers.push(ugandaLayer as any);
+    AppConfig.default_layers.push(kenyaLayer as any);
     this.hsConfig.update(AppConfig);
   }