今天准备用Echarts画一下中国地图,却被一个报错困扰了很长时间:Uncaught ReferenceError: echarts is not defined。
网上可以查到这个错误,但解决方法千篇一律,并且对我的这个报错无效。最后的解决方案将本地引入的js改成联网引入: <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.0.1/dist/echarts.min.js"></script> ,报错才消失。
然后遇到了第二个问题,没有报错,但依旧显示不出地图,网上解决方案无效后,对比官方案例,最后发现在给地图容器div中不仅要命名id,还要确定大小。即 <div id='xxx'></div> 需要加上style中的长宽属性: <div id='xxx' style='weight:xpx;height:xpx'></div> ,这样才能显示出地图。