diff --git a/x-pack/plugins/apm/public/components/shared/charts/TransactionCharts/ChoroplethMap/ChoroplethToolTip.tsx b/x-pack/plugins/apm/public/components/shared/charts/TransactionCharts/ChoroplethMap/ChoroplethToolTip.tsx
deleted file mode 100644
index 69d4e8109dfbf..0000000000000
--- a/x-pack/plugins/apm/public/components/shared/charts/TransactionCharts/ChoroplethMap/ChoroplethToolTip.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License;
- * you may not use this file except in compliance with the Elastic License.
- */
-
-import React from 'react';
-import { i18n } from '@kbn/i18n';
-import { asDuration, asInteger } from '../../../../../utils/formatters';
-import { fontSizes } from '../../../../../style/variables';
-
-export function ChoroplethToolTip({
-  name,
-  value,
-  docCount,
-}: {
-  name: string;
-  value: number;
-  docCount: number;
-}) {
-  return (
-    <div style={{ textAlign: 'center' }}>
-      <div style={{ fontSize: fontSizes.large }}>{name}</div>
-      <div>
-        {i18n.translate(
-          'xpack.apm.metrics.durationByCountryMap.RegionMapChart.ToolTip.avgPageLoadDuration',
-          {
-            defaultMessage: 'Avg. page load duration:',
-          }
-        )}
-      </div>
-      <div style={{ fontWeight: 'bold', fontSize: fontSizes.large }}>
-        {asDuration(value)}
-      </div>
-      <div>
-        (
-        {i18n.translate(
-          'xpack.apm.metrics.durationByCountryMap.RegionMapChart.ToolTip.countPageLoads',
-          {
-            values: { docCount: asInteger(docCount) },
-            defaultMessage: '{docCount} page loads',
-          }
-        )}
-        )
-      </div>
-    </div>
-  );
-}
diff --git a/x-pack/plugins/apm/public/components/shared/charts/TransactionCharts/ChoroplethMap/index.tsx b/x-pack/plugins/apm/public/components/shared/charts/TransactionCharts/ChoroplethMap/index.tsx
deleted file mode 100644
index 965cb2ae4f50a..0000000000000
--- a/x-pack/plugins/apm/public/components/shared/charts/TransactionCharts/ChoroplethMap/index.tsx
+++ /dev/null
@@ -1,270 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License;
- * you may not use this file except in compliance with the Elastic License.
- */
-
-import React, {
-  useState,
-  useEffect,
-  useRef,
-  useCallback,
-  useMemo,
-} from 'react';
-import { Map, NavigationControl, Popup } from 'mapbox-gl';
-import 'mapbox-gl/dist/mapbox-gl.css';
-import { shade, tint } from 'polished';
-import { EuiTheme } from '../../../../../../../observability/public';
-import { useTheme } from '../../../../../hooks/useTheme';
-import { ChoroplethToolTip } from './ChoroplethToolTip';
-
-interface ChoroplethItem {
-  key: string;
-  value: number;
-  docCount: number;
-}
-
-interface Tooltip {
-  name: string;
-  value: number;
-  docCount: number;
-}
-
-interface WorldCountryFeatureProperties {
-  name: string;
-  iso2: string;
-  iso3: string;
-}
-
-interface Props {
-  items: ChoroplethItem[];
-}
-
-const CHOROPLETH_LAYER_ID = 'choropleth_layer';
-const CHOROPLETH_POLYGONS_SOURCE_ID = 'choropleth_polygons';
-const GEOJSON_KEY_PROPERTY = 'iso2';
-const MAPBOX_STYLE =
-  'https://tiles.maps.elastic.co/styles/osm-bright-desaturated/style.json';
-const GEOJSON_SOURCE =
-  'https://vector.maps.elastic.co/files/world_countries_v1.geo.json?elastic_tile_service_tos=agree&my_app_name=ems-landing&my_app_version=7.2.0';
-
-export function getProgressionColor(scale: number, theme: EuiTheme) {
-  const baseColor = theme.eui.euiColorPrimary;
-  const adjustedScale = 0.75 * scale + 0.05; // prevents pure black & white as min/max colors.
-  if (adjustedScale < 0.5) {
-    return tint(adjustedScale * 2, baseColor);
-  }
-  if (adjustedScale > 0.5) {
-    return shade(1 - (adjustedScale - 0.5) * 2, baseColor);
-  }
-  return baseColor;
-}
-
-const getMin = (items: ChoroplethItem[]) =>
-  Math.min(...items.map((item) => item.value));
-
-const getMax = (items: ChoroplethItem[]) =>
-  Math.max(...items.map((item) => item.value));
-
-export function ChoroplethMap(props: Props) {
-  const theme = useTheme();
-  const { items } = props;
-  const containerRef = useRef<HTMLDivElement>(null);
-  const [map, setMap] = useState<Map | null>(null);
-  const popupRef = useRef<Popup | null>(null);
-  const popupContainerRef = useRef<HTMLDivElement>(null);
-  const [tooltipState, setTooltipState] = useState<Tooltip | null>(null);
-  const [min, max] = useMemo(() => [getMin(items), getMax(items)], [items]);
-
-  // converts an item value to a scaled value between 0 and 1
-  const getValueScale = useCallback(
-    (value: number) => (value - min) / (max - min),
-    [max, min]
-  );
-
-  const controlScrollZoomOnWheel = useCallback((event: WheelEvent) => {
-    if (event.ctrlKey || event.metaKey) {
-      event.preventDefault();
-    } else {
-      event.stopPropagation();
-    }
-  }, []);
-
-  // side effect creates a new mouseover handler referencing new component state
-  // and replaces the old one stored in `updateTooltipStateOnMousemoveRef`
-  useEffect(() => {
-    const updateTooltipStateOnMousemove = (event: mapboxgl.MapMouseEvent) => {
-      const isMapQueryable =
-        map &&
-        popupRef.current &&
-        items.length &&
-        map.getLayer(CHOROPLETH_LAYER_ID);
-
-      if (!isMapQueryable) {
-        return;
-      }
-      (popupRef.current as Popup).setLngLat(event.lngLat);
-      const hoverFeatures = (map as Map).queryRenderedFeatures(event.point, {
-        layers: [CHOROPLETH_LAYER_ID],
-      });
-
-      if (tooltipState && hoverFeatures.length === 0) {
-        return setTooltipState(null);
-      }
-
-      const featureProperties = hoverFeatures[0]
-        .properties as WorldCountryFeatureProperties;
-
-      if (tooltipState && tooltipState.name === featureProperties.name) {
-        return;
-      }
-
-      const item = items.find(
-        ({ key }) =>
-          featureProperties && key === featureProperties[GEOJSON_KEY_PROPERTY]
-      );
-
-      if (item) {
-        return setTooltipState({
-          name: featureProperties.name,
-          value: item.value,
-          docCount: item.docCount,
-        });
-      }
-
-      setTooltipState(null);
-    };
-    updateTooltipStateOnMousemoveRef.current = updateTooltipStateOnMousemove;
-  }, [map, items, tooltipState]);
-
-  const updateTooltipStateOnMousemoveRef = useRef(
-    (_event: mapboxgl.MapMouseEvent & mapboxgl.EventData) => {}
-  );
-
-  // initialization side effect, only runs once
-  useEffect(() => {
-    if (containerRef.current === null) {
-      return;
-    }
-
-    // set up Map object
-    const mapboxMap = new Map({
-      attributionControl: false,
-      container: containerRef.current,
-      dragRotate: false,
-      touchZoomRotate: false,
-      zoom: 0.85,
-      center: { lng: 0, lat: 30 },
-      style: MAPBOX_STYLE,
-    });
-
-    mapboxMap.addControl(
-      new NavigationControl({ showCompass: false }),
-      'top-left'
-    );
-
-    // set up Popup object
-    popupRef.current = new Popup({
-      closeButton: false,
-      closeOnClick: false,
-    });
-
-    // always use the current handler which changes with component state
-    mapboxMap.on('mousemove', (...args) =>
-      updateTooltipStateOnMousemoveRef.current(...args)
-    );
-    mapboxMap.on('mouseout', () => {
-      setTooltipState(null);
-    });
-
-    // only scroll zoom when key is pressed
-    const canvasElement = mapboxMap.getCanvas();
-    canvasElement.addEventListener('wheel', controlScrollZoomOnWheel);
-
-    mapboxMap.on('load', () => {
-      mapboxMap.addSource(CHOROPLETH_POLYGONS_SOURCE_ID, {
-        type: 'geojson',
-        data: GEOJSON_SOURCE,
-      });
-      setMap(mapboxMap);
-    });
-
-    // cleanup function called when component unmounts
-    return () => {
-      canvasElement.removeEventListener('wheel', controlScrollZoomOnWheel);
-    };
-  }, [controlScrollZoomOnWheel]);
-
-  // side effect replaces choropleth layer with new one on items changes
-  useEffect(() => {
-    if (!map) {
-      return;
-    }
-
-    // find first symbol layer to place new layer in correct order
-    const symbolLayer = (map.getStyle().layers || []).find(
-      ({ type }) => type === 'symbol'
-    );
-
-    if (map.getLayer(CHOROPLETH_LAYER_ID)) {
-      map.removeLayer(CHOROPLETH_LAYER_ID);
-    }
-
-    if (items.length === 0) {
-      return;
-    }
-
-    const stops = items.map(({ key, value }) => [
-      key,
-      getProgressionColor(getValueScale(value), theme),
-    ]);
-
-    const fillColor: mapboxgl.FillPaint['fill-color'] = {
-      property: GEOJSON_KEY_PROPERTY,
-      stops,
-      type: 'categorical',
-      default: 'transparent',
-    };
-
-    map.addLayer(
-      {
-        id: CHOROPLETH_LAYER_ID,
-        type: 'fill',
-        source: CHOROPLETH_POLYGONS_SOURCE_ID,
-        layout: {},
-        paint: {
-          'fill-opacity': 0.75,
-          'fill-color': fillColor,
-        },
-      },
-      symbolLayer ? symbolLayer.id : undefined
-    );
-  }, [map, items, theme, getValueScale]);
-
-  // side effect to only render the Popup when hovering a region with a matching item
-  useEffect(() => {
-    if (!(popupContainerRef.current && map && popupRef.current)) {
-      return;
-    }
-    if (tooltipState) {
-      popupRef.current.setDOMContent(popupContainerRef.current).addTo(map);
-      if (popupContainerRef.current.parentElement) {
-        popupContainerRef.current.parentElement.style.pointerEvents = 'none';
-      }
-    } else {
-      popupRef.current.remove();
-    }
-  }, [map, tooltipState]);
-
-  // render map container and tooltip in a hidden container
-  return (
-    <div>
-      <div ref={containerRef} style={{ height: 256 }} />
-      <div style={{ display: 'none' }}>
-        <div ref={popupContainerRef}>
-          {tooltipState ? <ChoroplethToolTip {...tooltipState} /> : null}
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/x-pack/plugins/apm/public/components/shared/charts/TransactionCharts/DurationByCountryMap/index.tsx b/x-pack/plugins/apm/public/components/shared/charts/TransactionCharts/DurationByCountryMap/index.tsx
deleted file mode 100644
index 2dd3d058e98b8..0000000000000
--- a/x-pack/plugins/apm/public/components/shared/charts/TransactionCharts/DurationByCountryMap/index.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License;
- * you may not use this file except in compliance with the Elastic License.
- */
-
-import { EuiTitle } from '@elastic/eui';
-import { i18n } from '@kbn/i18n';
-import React from 'react';
-import { useAvgDurationByCountry } from '../../../../../hooks/useAvgDurationByCountry';
-
-import { ChoroplethMap } from '../ChoroplethMap';
-
-export function DurationByCountryMap() {
-  const { data } = useAvgDurationByCountry();
-
-  return (
-    <>
-      {' '}
-      <EuiTitle size="xs">
-        <span>
-          {i18n.translate(
-            'xpack.apm.metrics.durationByCountryMap.avgPageLoadByCountryLabel',
-            {
-              defaultMessage: 'Avg. page load duration distribution by country',
-            }
-          )}
-        </span>
-      </EuiTitle>
-      <ChoroplethMap items={data} />
-    </>
-  );
-}
diff --git a/x-pack/plugins/apm/public/components/shared/charts/TransactionCharts/index.tsx b/x-pack/plugins/apm/public/components/shared/charts/TransactionCharts/index.tsx
index 6ba080a07b9d3..d7213f359ecf3 100644
--- a/x-pack/plugins/apm/public/components/shared/charts/TransactionCharts/index.tsx
+++ b/x-pack/plugins/apm/public/components/shared/charts/TransactionCharts/index.tsx
@@ -27,7 +27,6 @@ import { ITransactionChartData } from '../../../../selectors/chartSelectors';
 import { asDecimal, tpmUnit } from '../../../../utils/formatters';
 import { isValidCoordinateValue } from '../../../../utils/isValidCoordinateValue';
 import { BrowserLineChart } from './BrowserLineChart';
-import { DurationByCountryMap } from './DurationByCountryMap';
 import { ErroneousTransactionsRateChart } from '../ErroneousTransactionsRateChart';
 import { TransactionBreakdown } from '../../TransactionBreakdown';
 import {
@@ -124,18 +123,13 @@ export function TransactionCharts({
       {transactionType === TRANSACTION_PAGE_LOAD && (
         <>
           <EuiSpacer size="s" />
-          <EuiFlexGrid columns={2} gutterSize="s">
-            <EuiFlexItem>
-              <EuiPanel>
-                <DurationByCountryMap />
-              </EuiPanel>
-            </EuiFlexItem>
+          <EuiFlexGroup gutterSize="s">
             <EuiFlexItem>
               <EuiPanel>
                 <BrowserLineChart />
               </EuiPanel>
             </EuiFlexItem>
-          </EuiFlexGrid>
+          </EuiFlexGroup>
         </>
       )}
     </>
diff --git a/x-pack/plugins/apm/public/hooks/useAvgDurationByCountry.ts b/x-pack/plugins/apm/public/hooks/useAvgDurationByCountry.ts
deleted file mode 100644
index 983f949b72961..0000000000000
--- a/x-pack/plugins/apm/public/hooks/useAvgDurationByCountry.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License;
- * you may not use this file except in compliance with the Elastic License.
- */
-import { useParams } from 'react-router-dom';
-import { useFetcher } from './useFetcher';
-import { useUrlParams } from './useUrlParams';
-
-export function useAvgDurationByCountry() {
-  const { serviceName } = useParams<{ serviceName?: string }>();
-  const {
-    urlParams: { start, end, transactionName },
-    uiFilters,
-  } = useUrlParams();
-
-  const { data = [], error, status } = useFetcher(
-    (callApmApi) => {
-      if (serviceName && start && end) {
-        return callApmApi({
-          pathname:
-            '/api/apm/services/{serviceName}/transaction_groups/avg_duration_by_country',
-          params: {
-            path: { serviceName },
-            query: {
-              start,
-              end,
-              uiFilters: JSON.stringify(uiFilters),
-              transactionName,
-            },
-          },
-        });
-      }
-    },
-    [serviceName, start, end, uiFilters, transactionName]
-  );
-
-  return {
-    data,
-    status,
-    error,
-  };
-}
diff --git a/x-pack/plugins/apm/server/lib/transactions/avg_duration_by_country/index.ts b/x-pack/plugins/apm/server/lib/transactions/avg_duration_by_country/index.ts
deleted file mode 100644
index bc1e0af051ace..0000000000000
--- a/x-pack/plugins/apm/server/lib/transactions/avg_duration_by_country/index.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License;
- * you may not use this file except in compliance with the Elastic License.
- */
-
-import {
-  CLIENT_GEO_COUNTRY_ISO_CODE,
-  SERVICE_NAME,
-  TRANSACTION_TYPE,
-  TRANSACTION_NAME,
-} from '../../../../common/elasticsearch_fieldnames';
-import {
-  Setup,
-  SetupTimeRange,
-  SetupUIFilters,
-} from '../../helpers/setup_request';
-import { rangeFilter } from '../../../../common/utils/range_filter';
-import { TRANSACTION_PAGE_LOAD } from '../../../../common/transaction_types';
-import {
-  getProcessorEventForAggregatedTransactions,
-  getTransactionDurationFieldForAggregatedTransactions,
-  getDocumentTypeFilterForAggregatedTransactions,
-} from '../../helpers/aggregated_transactions';
-
-export async function getTransactionAvgDurationByCountry({
-  setup,
-  serviceName,
-  transactionName,
-  searchAggregatedTransactions,
-}: {
-  setup: Setup & SetupTimeRange & SetupUIFilters;
-  serviceName: string;
-  transactionName?: string;
-  searchAggregatedTransactions: boolean;
-}) {
-  const { uiFiltersES, apmEventClient, start, end } = setup;
-  const transactionNameFilter = transactionName
-    ? [{ term: { [TRANSACTION_NAME]: transactionName } }]
-    : [];
-  const params = {
-    apm: {
-      events: [
-        getProcessorEventForAggregatedTransactions(
-          searchAggregatedTransactions
-        ),
-      ],
-    },
-    body: {
-      size: 0,
-      query: {
-        bool: {
-          filter: [
-            { term: { [SERVICE_NAME]: serviceName } },
-            ...transactionNameFilter,
-            { term: { [TRANSACTION_TYPE]: TRANSACTION_PAGE_LOAD } },
-            { exists: { field: CLIENT_GEO_COUNTRY_ISO_CODE } },
-            { range: rangeFilter(start, end) },
-            ...uiFiltersES,
-            ...getDocumentTypeFilterForAggregatedTransactions(
-              searchAggregatedTransactions
-            ),
-          ],
-        },
-      },
-      aggs: {
-        country_code: {
-          terms: {
-            field: CLIENT_GEO_COUNTRY_ISO_CODE,
-            size: 500,
-          },
-          aggs: {
-            count: {
-              value_count: {
-                field: getTransactionDurationFieldForAggregatedTransactions(
-                  searchAggregatedTransactions
-                ),
-              },
-            },
-            avg_duration: {
-              avg: {
-                field: getTransactionDurationFieldForAggregatedTransactions(
-                  searchAggregatedTransactions
-                ),
-              },
-            },
-          },
-        },
-      },
-    },
-  };
-
-  const resp = await apmEventClient.search(params);
-
-  if (!resp.aggregations) {
-    return [];
-  }
-
-  const buckets = resp.aggregations.country_code.buckets;
-  const avgDurationsByCountry = buckets.map(
-    ({ key, count, avg_duration: { value } }) => ({
-      key: key as string,
-      docCount: count.value,
-      value: value === null ? 0 : value,
-    })
-  );
-
-  return avgDurationsByCountry;
-}
diff --git a/x-pack/plugins/apm/server/routes/create_apm_api.ts b/x-pack/plugins/apm/server/routes/create_apm_api.ts
index 1230e8aa05c9f..a25a38b58ba95 100644
--- a/x-pack/plugins/apm/server/routes/create_apm_api.ts
+++ b/x-pack/plugins/apm/server/routes/create_apm_api.ts
@@ -46,7 +46,6 @@ import {
   transactionGroupsChartsRoute,
   transactionGroupsDistributionRoute,
   transactionGroupsRoute,
-  transactionGroupsAvgDurationByCountry,
   transactionGroupsAvgDurationByBrowser,
   transactionSampleForGroupRoute,
   transactionGroupsErrorRateRoute,
@@ -140,7 +139,6 @@ const createApmApi = () => {
     .add(transactionGroupsDistributionRoute)
     .add(transactionGroupsRoute)
     .add(transactionGroupsAvgDurationByBrowser)
-    .add(transactionGroupsAvgDurationByCountry)
     .add(transactionSampleForGroupRoute)
     .add(transactionGroupsErrorRateRoute)
 
diff --git a/x-pack/plugins/apm/server/routes/transaction_groups.ts b/x-pack/plugins/apm/server/routes/transaction_groups.ts
index 3c512c1fe5278..0ed7c88931edd 100644
--- a/x-pack/plugins/apm/server/routes/transaction_groups.ts
+++ b/x-pack/plugins/apm/server/routes/transaction_groups.ts
@@ -13,7 +13,6 @@ import { getTransactionGroupList } from '../lib/transaction_groups';
 import { createRoute } from './create_route';
 import { uiFiltersRt, rangeRt } from './default_api_types';
 import { getTransactionAvgDurationByBrowser } from '../lib/transactions/avg_duration_by_browser';
-import { getTransactionAvgDurationByCountry } from '../lib/transactions/avg_duration_by_country';
 import { getTransactionSampleForGroup } from '../lib/transaction_groups/get_transaction_sample_for_group';
 import { getSearchAggregatedTransactions } from '../lib/helpers/aggregated_transactions';
 import { getErrorRate } from '../lib/transaction_groups/get_error_rate';
@@ -200,36 +199,6 @@ export const transactionGroupsAvgDurationByBrowser = createRoute(() => ({
   },
 }));
 
-export const transactionGroupsAvgDurationByCountry = createRoute(() => ({
-  path: `/api/apm/services/{serviceName}/transaction_groups/avg_duration_by_country`,
-  params: {
-    path: t.type({
-      serviceName: t.string,
-    }),
-    query: t.intersection([
-      uiFiltersRt,
-      rangeRt,
-      t.partial({ transactionName: t.string }),
-    ]),
-  },
-  handler: async ({ context, request }) => {
-    const setup = await setupRequest(context, request);
-    const { serviceName } = context.params.path;
-    const { transactionName } = context.params.query;
-
-    const searchAggregatedTransactions = await getSearchAggregatedTransactions(
-      setup
-    );
-
-    return getTransactionAvgDurationByCountry({
-      serviceName,
-      transactionName,
-      setup,
-      searchAggregatedTransactions,
-    });
-  },
-}));
-
 export const transactionSampleForGroupRoute = createRoute(() => ({
   path: `/api/apm/transaction_sample`,
   params: {