echarts和echarts的百度地图扩展bmap（热力图heatmap）Cannot read properties of undefined (reading ‘type‘)问题

原创

已于 2022-06-23 16:18:02 修改 · 2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #javascript #前端

于 2022-06-23 15:58:41 首次发布

在尝试使用echarts官方示例修改为自己的热力图时，遇到`Cannot read properties of undefined (reading 'type')`错误。经过排查，问题出在未正确引入echarts的百度地图扩展bmap。引入bmap后，解决了找不到'type:heatmap'的错误，成功绘制热力图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

echarts官方的示例

从官方文档拷过来，改动成自己需要的内容之后，一直报错。网上搜了很多资料，一直没找到为什么找不到type，有些文章说是引入的问题

Cannot read properties of undefined (reading 'type')

type只出现在了option属性配置中

series: [
            {
              type: "heatmap",
              coordinateSystem: "bmap",
              data: points,
              pointSize: 6,
              blurSize: 22,
            },
          ],

猜测难道是我没有引入heatmap

//引入热力图
import 'echarts/lib/chart/heatmap'

然而这并没有用，海搜信息后，发现使用echart画热力图，其实使用了echarts的百度地图扩展bmap。所以真正需要引入的是：

import "echarts/extension/bmap/bmap";

心累但还好找到了原因，被这个找不到 type:heatmap 蒙蔽了双眼啊。

贴一

最低0.47元/天解锁文章

200万优质内容无限畅学