@highcharts/map-collection

Highcharts Map Collection

Website | API | Demo | Issues

License

The use of the maps in this collection requires that you follow our terms and conditions that are stated in License.md.

Installation

Install from our CDN

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
  },
  // ...
});

Install from npm

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
  },
  // ...
});