echarts官网中国地图（请教echarts地图的一些使用问题）
本文目录
- 请教echarts地图的一些使用问题
- echarts3的中国地图省份名称位置都不在省份中间，位置怎么调整
- ECharts3怎么加载china.js地图
- 我用的echarts中国地图怎么获取到当前选中的区域id或者名称
- echarts地图属于国家标准地图吗
请教echarts地图的一些使用问题
看了echarts的demo以及网上大家使用echarts的经验。我使用的是大家都推荐的模块化单文件引入。
首先要去echarts和zrender官网上下载需要的文件
然后将下载下来的文件放在你项目的目录下，我将文件都放在我项目的js目录下。需要注意的是导入的zrender文件夹名不要改变，zrender和echarts在同一个目录下面。
在项目中引用相关文件。我想要用echarts画地图，引用了map.js。引用地图的paths设置比较特殊，如图中我写的是 ’echarts/chart/map’: ’../../Scripts/js/echarts/map’,后面写的是map在项目中的实际路径，引用别的图表如pie则其目录只要和 ’echarts’: ’../../Scripts/js/echarts’后面的目录同即可。
引用相关的文件后可能还会出现很多的小问题，主要去看看js文件目录是否正确。
扩展地图插件的时候或者有别的需求需要引入config文件时，要注意一定要将引用的代码放在function(ec){}中，这样就不会报"echarts/config" is not exists!错了
调试完成后，就可以见到你想要看到的图片啦
echarts3的中国地图省份名称位置都不在省份中间，位置怎么调整
如果地图数据是JSON文件，你最好格式化一下，然后搜索你要修改位置的省份名称或城市名称，紧挨着名称前面的元素cp就表示名称所在座标，如下图所示：更改此座标就可以了，如果不知道具体应该放在哪个座标，可以使用百度地图座标拾取。
另外：更改JSON文件后记得清空浏览器缓存。清空缓存，清空缓存，清空缓存。重要的事说三遍。
ECharts3怎么加载china.js地图
echarts3加载map的方式和2不一样了，你必须得先注册地图才行，
“`js$.getJSON(‘./china.json’, function (data) { echarts.registerMap(‘china’
, data); var chart = echarts.init(document.getElementById(‘map’)); chart.setOp
tion({ series: }); });“`
类似这样,你需要下载中国的地理矢量数据geojson
echarts3与echarts2区别：
1、js文件：
首先是js文件，echarts3做了很大的优化，在echarts2中，对各种控件的类库管理的较为详
细，有专门的目录结构来存放相关的js文件及相关资源，但是在引入文件的时候往往会很不
方便，可能会一不小心就漏掉一个文件，而echarts3可以根据需要在下载项下直接根据所需
的功能构架类库，使用时只要导入一个echarts.min.js文件就可以；
2、文件导入：
在echarts2中，require是作为模块化加载的入口，在使用过程中关于路径配置经常会出现
问题，特别是制作地图的时候，而在echarts3中只需要在开头加一句 view plain copy
《script src="js/echarts.js"》《/script》 接下去只要调用接口就可以了；
3、离线地图：
echarts2中离线地图的精确度存在很大的问题，特别是下钻到区县一级，边界线存在
模糊、交叉、空白等问题，并且经常出现飞地，与实际地图出入较大，个人认为基本没
什么用，在echarts3中对此做了很大的改进，基本解决了以上问题，市与市之间、区县
与区县之间基本上不存在衔接问题；另外，在echarts3中可以根据需要自主构建地图，
这个服务给实际使用提供了很大的便利；
4、工具栏：
在echarts3的toolbox里面把辅助线功能取消掉了，图标变小了，总体上感觉echarts3
里面的toolbox更丑了；
5、地图漫游工具：
在echarts3里面把地图漫游工具取消掉了，说实话，echarts2里面的地图漫游工具看着
还是挺不错的，虽然并没有什么用；
6、坐标系:
echarts3中，数据结构进行了统一化抽象，最常用的数据结构有：线性表、树、图。例
如，线性表以及树、图的节点列表的结构可以归一化为这样的二维数组；echarts3中另
一个重要的数据结构抽象是独立出了“坐标系”概念；事实上在 ECharts2 中已经有
grid、polar配置项存在，但是并不是按一个“坐标系”的理解去实现的；echarts3中，
支持了直角坐标系（catesian，兼容 echarts2中的grid）、极坐标系（polar）、地理
坐标系（geo）；
7、Option变动：
1）组件位置想x、y等变成了left、top,可以使用像素和百分比，适应性更强。
2）为了让结构更合理，echarts3中label被移出来和itemStyle平级。
根据官方说法，在echarts3中以前的用法也是兼容的，只是不推荐。
参考资料
echarts3与echarts2区别.CSDN
我用的echarts中国地图怎么获取到当前选中的区域id或者名称
第步新建静态页面bar.html修改title并引入echarts js文件图所示：
第二步添加条状图容器插入div并给id属性宽度高度图所示：
第三步编写条状图js代码添加数据式图所示：
第四步预览该图形界面看效图图所示：
第五步编写点击条状图柱获取namevalue图所示：
第六步再预览该界面打浏览器控制台查看打印结图所示：
echarts地图属于国家标准地图吗
不属于。据了解ECharts提供下载的矢量地图数据来自第三方，由于echarts官网上的离线地图包官方以比例不符合国家《测绘法》规定，已经停止下载服务。
本文相关文章：
echarts地图样式（我想用echarts实现市级地图显示，比如只显示沈阳市然后能显示具体的区县怎么弄）
2026年10月26日 03:40
车上start是什么意思中文（帝豪gs 仪表盘上的start指示灯什么意思 车子不好发动了）
2026年10月4日 16:30
disheartened（disheartening 什么意思）
2026年9月22日 05:10
linux启动图形化界面命令（linux下启动图形化界面的命令是不是startx）
2026年9月4日 16:30
slam开源代码是什么（cartographer 是谷歌的开源SLAM项目么）
2026年7月13日 06:50
更多文章：
sqlite格式的视频怎么打开（.sqlite是什么文件，用什么工具打开）
2026年11月7日 05:30
element ui面试题（用element-ui ELDialog和ELTable遇见的坑）
2026年11月7日 04:40
2026年11月7日 03:30
中文自动翻译成英语的输入法（有没有一种输入法能将打出来的中文自动变成英文）
2026年11月7日 02:10
equals to（为什么有些英文句子要用的是“equals to that of” 这个that和of之间还可以加名词吗）
2026年11月7日 01:50
default values（电脑开机后出现all settings was reset to default values.）
2026年11月7日 01:20
structured reviewing翻译（软件测试的英文翻译）
2026年11月7日 00:50
2026年11月6日 22:50
2026年11月6日 22:20
2026年11月6日 21:50
