Echart报错: Map china not exists. You can download map file on

最新推荐文章于 2023-02-14 17:45:10 发布

原创最新推荐文章于 2023-02-14 17:45:10 发布 · 1.2w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#echart #map

EChart 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了如何解决ECharts中地图未加载的问题，并提供了下载地图资源文件的方法。同时，详细说明了如何通过JS和JSON方式正确引入并使用地图资源。

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

下载资源文件

去上面提示网址直接下载资源文件即可,注意需要的是 JS ,还是 JSON.

这里写图片描述

使用

JS使用

<script src='china.js'></script>
var chart = echarts.init(document.getElementById('map'));
    chart.setOption({
        series: [{
            type: 'map',
            map: 'china'
        }]
    });

注意导入资源文件<script src='china.js'></script>

JSON使用

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