echarts全国地图只显示南海诸岛问题

最新推荐文章于 2025-05-13 15:41:24 发布

原创最新推荐文章于 2025-05-13 15:41:24 发布 · 1w 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#eharts #china.js #地图

数据可视化专栏收录该内容

0 篇文章

订阅专栏

本文详述了使用百度ECharts开源工具显示中国地图时遇到的问题及解决方法。通过安装必要的地图包，手动引入china.js文件，成功实现了全国地图的完整显示。

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

在使用百度开源的可视化工具echarts时，用到中国地图，参照官方文档用此段代码

value = [155, 10, 66, 78, 33, 80, 190, 53, 49.6]
    attr = [
        "福建", "山东", "北京", "上海", "甘肃", "新疆", "河南", "广西", "西藏"
        ]
    map = Map("Map 结合 VisualMap 示例", width=1200, height=600)
    map.add(
        "",
        attr,
        value,
        maptype="china",
        is_visualmap=True,
        visual_text_color="#000",
    )
    map.render()

发现按照官方文档构建地图后只显示南海诸岛，如下图所示

首先先检查是否安装了地图需要的这几个包：

echarts-countries-pypkg
echarts-china-provinces-pypkg
echarts-china-cities-pypkg
echarts-china-counties-pypkg
echarts-china-misc-pypkg
echarts-united-kingdom-pypkg
检查已经安装了。

最后查知是因为eharts3 不再内置地图文件尴尬，因此需要我们手动引入官网的js或者json文件。
显示中国地图需要china.js文件.
如果从echarts官网http://echarts.baidu.com/download-map.html 找不到js文件，可以从下面链接下载china.js文件：
https://github.com/apache/incubator-echarts/tree/master/map/js/china.js
下载后将china.js复制到项目，html中引入此Js

引入后如下图所示