update: minor map update

app/lib/pages/widgets/cloropleth_map.dart

+import 'dart:typed_data';
 import 'package:app/pages/consts.dart';
 import 'package:flutter/material.dart';
 import 'package:syncfusion_flutter_maps/maps.dart';
-import 'package:flutter/services.dart';
+import '../consts.dart';
+import 'dart:convert';
+import 'dart:io';
 
 /// A class containing thickness for each subdivision of the map.
 class IceThicknessModel {
@@ -24,19 +27,66 @@ class ChoroplethMap extends StatefulWidget {
 class _ChoroplethMapState extends State<ChoroplethMap> {
   late MapShapeSource mapShapeSource;
   List<IceThicknessModel> iceThicknessList = <IceThicknessModel>[];
+  Uint8List? relation;
+
+  @override
+  void initState() {
+    super.initState();
+    fetchRelation(); // Fetch relation data from server
+  }
 
   @override
   Widget build(BuildContext context) {
-    return const SfMaps(
+    return relation != null
+        ? SfMaps(
         layers: [
           MapShapeLayer(
-            source: MapShapeSource.asset(
-              'assets/australia.json',
-              shapeDataField: 'STATE_NAME',
+            source: MapShapeSource.memory(
+              relation!,
+              shapeDataField: 'name',
             ),
             color: Colors.orange,
           ),
         ],
-      );
+    ) : const Center(child: CircularProgressIndicator());
+  }
+
+  // Fetch relation data from server
+  Future<void> fetchRelation() async {
+    try {
+      // Custom HTTP client
+      HttpClient client = HttpClient()
+        ..badCertificateCallback = // NB: temporary disable SSL certificate validation
+            (X509Certificate cert, String host, int port) => true;
+
+      // Execute request to to get_relation endpoint
+      var request = await client.getUrl(Uri.parse('${serverURI}get_relation'));
+      var response = await request.close(); // Close response body at end of function
+
+      // Parse body to JSON if request is ok
+      if (response.statusCode == 200) {
+        var responseBody = await response.transform(utf8.decoder).join();
+
+        if (responseBody.isNotEmpty) {
+          var jsonData = json.decode(responseBody);
+
+          if (jsonData != null) {
+            print("JSON data NOT NULL");
+            // Convert JSON string to Uint8List
+            setState(() {
+              relation = Uint8List.fromList(utf8.encode(jsonData));
+            }); // Update UI
+          } else {
+            throw Exception('Failed to parse response body');
+          }
+        } else {
+          throw Exception('Response body is empty');
+        }
+      } else {
+        throw Exception('Failed to fetch relation data: Status code ${response.statusCode}');
+      }
+    } catch (e) {
+      throw Exception('Failed to fetch relation data: ${e.toString()}');
+    }
   }
 }

server/map/get_relation.py

@@ -9,7 +9,7 @@ def get_relation(self, body_of_water: string):
     # Load GeoJSON data using geopandas
     geo_data = gpd.read_file("server/map/mjosa.geojson")
 
-    # Filter only polygons
+    # Filter only polygons, exclude points
     polygon_data = geo_data[geo_data['geometry'].geom_type == 'Polygon']
 
     # Plot polygons
@@ -19,7 +19,7 @@ def get_relation(self, body_of_water: string):
     plt.ylabel('Latitude')
     plt.show()
 
-    # Convert GeoDataFrame to GeoJSON-like dictionary
+    # Convert GeoDataFrame to dictionary
     geojson_dict = json.loads(polygon_data.to_json())
 
     # Convert response data to JSON string