Reports

The setup is almost identical as it with Vanilla JS setup, with only difference that you need to import and intialize TiledWebMap module within your application.

import Highcharts from "highcharts";
import MapsModule from "highcharts/modules/map";
import TiledWebMap from "highcharts/modules/tiledwebmap";
import HighchartsVue from "highcharts-vue";

MapsModule(Highcharts);
TiledWebMap(Highcharts);

Demo: https://codesandbox.io/p/sandbox/nostalgic-https-j59mgn?file=%2Fsrc%2Fmain.js%3A4%2C1-13%2C25

References:
https://www.highcharts.com/docs/maps/tiledwebmap
https://github.com/highcharts/highcharts-vue?tab=readme-ov-file#importing-highcharts-modules

79140170