The use of the maps in this collection requires that you follow our terms and conditions that are stated in License.md.
All our maps can be loaded from code.highcharts.com/mapdata. The following example loads the map custom/world.topo.json
:
const topology = await fetch(
'https://code.highcharts.com/mapdata/custom/world.topo.json'
).then(response => response.json());
After the map is loaded in the browser then you can use it in Highcharts Maps as following:
Highcharts.mapChart('container', {
chart: {
map: topology
},
// ...
});
npm i @highcharts/map-collection
To load a map in Node.js and use it in Highcharts Maps you can do the following:
var Highcharts = require('highcharts/highmaps.js'),
map = require('@highcharts/map-collection/custom/world.topo.json');
Highcharts.mapChart('container', {
chart: {
map: topojson
},
// ...
});