标签:map provided js json 报错 china registerMap echarts
原因: 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:{
...
geo:{
map:'china',
...
}
}
}
}
mounted() {
echarts.registerMap("china", { geoJSON: chinaMap });
this.myChart = echarts.init(this.$refs.echarts);
this.drawChart();
},
解决方法2: 下载低版本的echarts@4.1
npm ls echarts // 查看自己的echarts版本
npm install echarts@4.1.0 --save //下载低版本echats包含china.js
然后在组件内直接引入china.js即可
import "echarts/map/js/china.js";
china.json文件链接点下面按钮
china.json
链接:https://pan.baidu.com/s/19P0oUnMyFst0_UVhpzYGTA
提取码: tch4
标签:map,provided,js,json,报错,china,registerMap,echarts 来源: https://blog.csdn.net/m0_55613022/article/details/123421264
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。