Echart报错: Map china not exists. You can download map file on.....的解决办法

最新推荐文章于 2024-07-10 16:35:29 发布

过客璇璇

最新推荐文章于 2024-07-10 16:35:29 发布

阅读量4.4k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： html jquery

本文链接：https://blog.youkuaiyun.com/qq_36706878/article/details/102543150

jquery 同时被 2 个专栏收录

13 篇文章

订阅专栏

html

9 篇文章

订阅专栏

本文详细介绍了当遇到ECharts地图加载错误时的解决方法，提供了两种获取并使用中国地图数据的方式：通过加载china.js文件或china.json文件，并附带具体实现代码。

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

Echart报错: Map china not exists. You can download map file on http://echarts.baidu.com/download-map.html

当我们打开上面指示的链接时会发现：地图暂停停止下载服务

所以我们要另想方法去使用地图

官网下载china.js文件或者china.json文件

1.js使用方法：

<script src='china.js'></script><!--//你的js路径-->
//chart 为html上的id
var chart = echarts.init(document.getElementById('chart '));
chart.setOption({
    series: [{
        type: 'map',
        map: 'china'
     }]
 });

2.json使用方法

 $.getJSON('china.json', function (data) {
     echarts.registerMap('china', data);
     var chart = echarts.init(document.getElementById('chart '));
     chart.setOption({
        series: [{
            type: 'map',
            map: 'china'
        }]
     });
});

这个时候就可以成功显示相关地图了