Skip to content

highcharts/map-collection-dist

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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