Merge pull request #94 from jameel-institute/jidea-171-add-antarctica

JIDEA-171: Add Antarctica to the globe

components/Globe.vue

@@ -22,6 +22,7 @@ import { rgba2hex } from "@amcharts/amcharts5/.internal/core/util/Color";
 import * as am5 from "@amcharts/amcharts5/index";
 import * as am5map from "@amcharts/amcharts5/map";
 import am5themes_Animated from "@amcharts/amcharts5/themes/Animated";
+import worldLow from "@amcharts/amcharts5-geodata/worldLow";
 import throttle from "lodash.throttle";
 
 const appStore = useAppStore();
@@ -197,6 +198,10 @@ const setUpBackgroundSeries = () => {
   backgroundSeries.mapPolygons.template.on("active", (_active, target) => handlePolygonActive(target, prevBackgroundPolygon));
 };
 
+const setUpAntarcticaSeries = () => {
+  initializeSeries({ ...backgroundSeriesSettings, geoJSON: worldLow, include: ["AQ"] });
+};
+
 const setUpSelectableCountriesSeries = () => {
   selectableCountriesSeries = initializeSeries(root, chart, { ...selectableCountriesSeriesSettings, reverseGeodata: false });
   selectableCountriesSeries.mapPolygons.template.setAll({
@@ -249,6 +254,7 @@ const setUpChart = () => {
   root.setThemes([am5themes_Animated.new(root)]);
   chart = root.container.children.push(am5map.MapChart.new(root, chartDefaultSettings));
   setUpBackgroundSeries();
+  setUpAntarcticaSeries();
   setUpSelectableCountriesSeries();
   setUpDisputedAreasSeries();
   gentleRotateAnimation = createRotateAnimation(chart);