diff --git a/components/Globe.vue b/components/Globe.vue index f4c00b70..96905486 100644 --- a/components/Globe.vue +++ b/components/Globe.vue @@ -21,6 +21,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(); @@ -299,6 +300,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({ ...selectableCountriesSeriesSettings, reverseGeodata: false }); selectableCountriesSeries.mapPolygons.template.setAll({ @@ -350,6 +355,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();