diff --git a/components/Globe.vue b/components/Globe.vue index f90f14b3..a36e327a 100644 --- a/components/Globe.vue +++ b/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);