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

106 阅读 0 评论 70 点赞

我是靠谱客的博主可爱小笼包，这篇文章主要介绍echarts引入china报错（The GeoJSON of the map must be provided），现在分享给大家，希望可以做个参考。

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

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

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

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
1、下载china.json文件 存放于自己的文件夹下

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

import chinaMap from "@/assets/json/china.json";
data() {
	return {
		option:{
			...
			geo:{
				map:'china',
				...
			}
		}		
	}
}
mounted() {
    echarts.registerMap("china", { geoJSON: chinaMap });
    this.myChart = echarts.init(this.$refs.echarts);
    this.drawChart();
  },

解决方法2：下载低版本的echarts@4.1

复制代码

1
2
3
npm ls echarts  // 查看自己的echarts版本
npm install echarts@4.1.0 --save  //下载低版本echats包含china.js

然后在组件内直接引入china.js即可

复制代码

1
2
import "echarts/map/js/china.js";

china.json文件链接点下面按钮

china.json
链接：https://pan.baidu.com/s/19P0oUnMyFst0_UVhpzYGTA
提取码： tch4

最后

以上就是可爱小笼包最近收集整理的关于echarts引入china报错（The GeoJSON of the map must be provided）的全部内容，更多相关echarts引入china报错（The内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

本文分类：echarts
浏览次数：106 次浏览
发布日期：2024-01-09 19:20:47
本文链接：https://www.kaopuke.com/article/k-p-k_13_u_23_ogfy_12__23__6_y.html

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

最后

评论列表共有 0 条评论

发表评论取消回复

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

最后

相关文章

评论列表共有 0 条评论

发表评论 取消回复

微信扫一扫：分享

发表评论取消回复