Echarts3之修复全国地图省名称显示不居中的问题

来源：互联网发布：js 拼接字符串编辑：程序博客网时间：2024/04/28 18:04

修改前后对照

这里写图片描述

在Echarts官网下载全国地图的插件，显示的位置可能会有点偏差，透过现象看本质，显示名称的定位本质上是取的地理坐标的经纬度。
我们打开china.js文件

这里写图片描述

前面的匿名函数在加载的时候进行类型和加载参数的判断。验证成功之后执行关键的注册地图代码

echarts.registerMap(‘china’,’…’);

然后再看传递进去的全国地图的json数据。
格式化之后代码：

 {            "id": "540000",            "geometry": {                "type": "Polygon",                "coordinates": [                    "@@ÂhžľxŽŖ‰xƒÒVŽ†ºÅâAĪÝȆµę¯Ňa±r_w~uSÕň‘qOj]ɄQ…£Z……..."                ],                "encodeOffsets": [                    [                        90849,                        37210                    ]                ]            },            "properties": {                "cp": [                    91.132212,                    29.660361                ],                "name": "西藏",                "childNum": 1            }        },

经研究发现，地图上显示名称的位置为其省会的坐标位置。所以在调整的时候修改其坐标位置来调整省会名称显示的位置。”properties”下的”cp”属性存储的是经纬度坐标。
其他的省以此类推。。。
(echarts官方论坛中）参考的修改过后的china.js
链接: https://pan.baidu.com/s/1dF9qRb7 密码: tiyk

1 0