如何在Angular 6中导入Highmaps贴图集合

如何在Angular 6中导入Highmaps贴图集合,angular,highcharts,Angular,Highcharts,我试着在角度图中使用Highmaps。我声明如下: 从“highcharts/Highmaps”导入*作为Highmaps; 这似乎工作得很好,因为它显示了一个带有标题的空框,缺少了地图本身 因此,我还安装了地图集合,如上所述 但是如何以角度导入地图集合呢 本教程介绍了如何在node.js中导入贴图: var Highcharts=require'Highcharts/highmaps.js', map=require'@highcharts/map collection/custom/worl

我试着在角度图中使用Highmaps。我声明如下:

从“highcharts/Highmaps”导入*作为Highmaps; 这似乎工作得很好,因为它显示了一个带有标题的空框,缺少了地图本身

因此,我还安装了地图集合,如上所述

但是如何以角度导入地图集合呢

本教程介绍了如何在node.js中导入贴图:

var Highcharts=require'Highcharts/highmaps.js', map=require'@highcharts/map collection/custom/world.geo.json';
角度的等效值是多少?

请按照此github页面上的说明操作

我认为这是你正在寻找的正确版本。另一个是纯JS版本

您可以在此链接中找到地图加载示例。

请看一看

从“Highcharts”导入*作为Highcharts; 从“highcharts/modules/map”导入MapModule; const mapWorld=require'@highcharts/map collection/custom/world.geo.json' MapModuleHighcharts; 您需要先从highcharts导入MapChart

import { Chart, MapChart } from 'angular-highcharts';
然后呢,

const Highcharts = {maps: {}};
require('../assets/maps')(Highcharts);

查看

是的,我遵循了这一点,但它没有说明如何加载贴图,只说明如何声明Highmaps。我尝试从“@highcharts/map collection”导入*作为MapCollection;但它不起作用。如何导入Angular中的地图集合?@ps0604,我已经用示例链接更新了答案
const Highcharts = {maps: {}};
require('../assets/maps')(Highcharts);