在Angular项目中，基于`@angular/cli: ~9.0.2`和`echarts: ^4.7.0`，遇到Echarts地图显示问题。通过官方示例和百度搜索，发现需要引入`echarts/extension/bmap/bmap`才能解决地图不显示的问题。在`index.html`中添加百度地图引用后，成功显示地图。注意，Echarts的百度地图扩展文档位于`node_modulesechartsextensionmap`目录下的`readme.md`文件中。
最近在使用echarts地图时遇到诸多问题，现纪录如下：
项目基于 "@angular/cli": "~9.0.2" && "echarts": "^4.7.0"。
使用的 官方示列 ，这个示列结合百度地图，在项目中引用echarts后，简单示列显示正常，之后想尝试复杂示列的显示，选择了这个地图，将官方数据拷贝过来后显示如下：
只有标题显示，地图不显示，在 官方教程 没有找到相关说明，之后百度找到 echarts结合百度地图使用--热力图 这篇文章了解到是因为自己只做了 import * as echarts from 'echarts'; 缺少了 import 'echarts/extension/bmap/bmap';
急忙将 import 'echarts/extension/bmap/bmap'; 加上，保存刷新，报错了！！！
最低0.47元/天 解锁文章
扫一扫
8767
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
