echarts引入china报错（The GeoJSON of the map must be provided）

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

金憨憨_

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

阅读量1.8w

点赞数 29

CC 4.0 BY-SA版权

文章标签： echarts javascript

本文链接：https://blog.youkuaiyun.com/qq_40573810/article/details/119104840

当引入Echarts高版本时，由于地图数据问题会出现'The GeoJSON of the map must be provided'错误。解决方法包括：一是使用echarts.registerMap方法加载china.json；二是降级到echarts@4.1版本并引入china.js。提供china.json文件的百度网盘链接，提取码为'tch4'。

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

原因： echarts版本过高，ECharts 之前提供下载的矢量地图数据来自第三方，由于部分数据不符合国家《测绘法》规定，目前暂时停止下载服务。

经过一番摸索，实践出两种方法。末尾附china.json文件，没有乱码噢。

解决方法1：使用echarts.registerMap方法

1、下载china.json文件 存放于自己的文件夹下

2、引用并使用  在初始化echarts实例前，调用echarts.registerMap方法， 在option的geo属性设置对应值

import chinaMap from "@/assets/json/china.json";
data() {
   
   
	return {
   
   
		option: