echarts 内置地图使用

项目基于 "@angular/cli": "~9.0.2" && "echarts": "^4.7.0" 。

使用的 官方示列 ，示列数据拷贝到本地，显示：

地图区域空白，查阅资料， 是因为地图文件未导入。

加上

import 'echarts/map/js/world.js';

这一行，显示：

 地图显示出来了。

另一种加载地图数据的方式，首先将 node_modules/echarts/map/json 下的 文件 world.json 拷贝到项目 assets 目录下，然后异步加载后手动注册：

this.http.get('assets/map/world.json').subscribe((worldJson) => {
    // 手动注册地图数据
    echarts.registerMap('world', worldJson);
});

官方文档查阅