Echarts官方实例地图不显示

官方显示是这个样子

下载后打开是这个样子

就一个标题，啥都没有

查了好多说的都很复杂，而且作为新手也看不懂

可以这么改

找到这个文件代码中的这一行

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.3.2/dist/echarts.min.js">

给注释掉，把下面这些代码加上

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/world.js"></script>
         <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=0YcYchrztiOxuU3IGBu3Nvq0N106Whkn&__ec_v__=20190126"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script>

 这样就可以了

注意：运行后会提示没有百度地图的API，需要去申请并获得ak码（申请其实就是注册一下填一下信息）后从我让你们新加的代码里的倒数第二行的这个位置替换掉

申请ak码可以看这篇

百度地图申请API

 就可以了