使用echarts渲染地图图表时报错Uncaught DOMException: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The image argument is a canvas element with a width or height of 0.

现在网站开发人员做数据图表大屏时，大多喜欢使用echarts。有的朋友可能在使用echarts渲染地图图表时出现报错：Uncaught DOMException: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The image argument is a canvas element with a width or height of 0.的情况。如下图：

遇到这样的情况应该如何解决呢？

其实解决方法比较简单，你只需要检查存放地图的容器是否在css中设置了宽度和高度，如果没有给它设置下宽高就可以了。

如下图，刚开始报错：

然后给地图容器设置宽度和高度，如下面代码：

<div class="map">
   <div class="chart"></div>
</div>
<style>
    .chart{
        width:100%;
        height:100%;
    }
</style>

然后再刷新运行，就如下图这样，正常加载地图效果了。

如果你在使用echarts制作地图效果时出现报错，就试试这个方法吧。