ercharts map地图文字居中调整思路

最新推荐文章于 2022-07-31 14:58:32 发布
最新推荐文章于 2022-07-31 14:58:32 发布
阅读量1.4k 收藏 3
点赞数
分类专栏： ercharts
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SYZM888/article/details/88957209
版权

       最近用ercharts制作map地图时遇到了文字展示重叠和无法居中显示的问题，在网上查了一堆资料都是需要积分下载的，然而我没有积分可用，于是就自己根据网上仅有的资料研究一下，现记录下来解决过程：

       打开china.js，找到省份对应的只需要调整这个经纬度就可以，下来我说一下怎么准确调整这个经纬度，打开百度地图，如图找到地图开放平台

然后找到坐标拾取器

如下图，查询对应省份的经纬度，替换china.js中的cp值即可

 

 

SYZM888
关注
专栏目录
echarts地图省份文字居中
12-05
echarts地图省份文字居中，亲测有效，在html、vue中都可以用，在html将该js引入即可，在vue中将node_modules/echarts/map/js 文件下的china.js 替换为该js即可
ECharts中国地图--省份文字居中
08-30
ECharts中国地图--省份文字居中
echarts地图省份文字居中;亲测可用
12-02
echarts地图省份文字居中，亲测有效，在html、vue中都可以用，在html将该js引入即可，在vue中将china.js 替换为该js即可；
Echarts饼图标题文字居中
weixin_50339929的博客
07-01 2873
Echarts饼图标题文字居中
echarts地图省份名称居中china.js
09-19
坐标调整后城市名称居中显示。可能会乱码，但是不影响功能使用~
ercharts map地图文字显示重叠问题解决
04-01
之前在使用ercharts map地图的时候出现文字重叠问题，先将自己调整好的成果贴出来，希望可以帮助大家，大家也可以参考这个思路自己调整：https://blog.csdn.net/SYZM888/article/details/88957209，该思路全国地图和...
echarts地图 china.js省份文字居中
05-09
在ECharts中，实现地图上的文字居中通常需要对地图的样式进行自定义，特别是调整`textPosition`属性。`textPosition`属性控制了地图区域上的文本标签的位置，可以设置为'inside'、'left'、'right'、'top'、'bottom'...
echarts 北京地图文字居中 JSON
08-10
echarts 炫酷北京地图 JSON 地图文字居中 行政区文字居中
echarts3 实现地图全国各省市地图下钻 （已修改省份和部分市级名字不居中问题）
05-11
这个是echarts实现全国各个省市的下转，已修改省份和部分市级名字不居中问题 如需修改名字显示位置可以使用地图坐标拾取器进行修改居中问题
解决Echarts 中国地图省份上文字不居中的问题
扬帆前行
09-01 1万+
echarts 修改完 文字不居中 中国地图
ECharts 地图实现文字居中，即省份在对应地图的中心位置
窝窝头的博客
02-15 1万+
一、Echarts官网的地图，文字标签并不是理想中的居中 1.1、本项目中期望的结果，是每个省份文字能够在自己的地图的中心位置，如下图 二、解决思路 2.1、首先下载中国所有省份的json文件，然后结合ECharts官网提供的实例，绘制地图 2.2、即将获取的文件，使用 echarts.registerMap('china', geoJson);绘制地图，其中本地...
echarts从全国地图切换成省级地图地图不居中的问题
hahabboom的博客
03-26 5698
我的项目会有全国、省级两种版本。我在写全国地图的时候地图自己居中自适应。可是数据变成省级数据后，就会缩成一坨。 全国地图如下： 切换成省级数据变成如下： 我就很疑惑，我也没有设置地图的位置啥的，应该就是echarts自己就会处理成居中的呀？ 后来自己想到了解决方法： 方法一： 手动更改zoom（缩放比例）以及center（当前视角的中心点），设置他们一个合适的数值就行了，可以解决问题 方法二：...
echarts3 地图文字位置设置
热门推荐
fairyier
05-29 2万+
如图，感觉echarts地图中省份名字位置默认是居中（基于长方形居中）的，导致很多文字几在一堆，难看死了开始在文档里面找相应的配置项，许久没找到，然后看网友说：打开js文件，搜索对应区县的名字，紧跟着名字后面有个类似"cp":[103.xxxxxx,30.xxxxxx]这样的东东，这个就是显示名字的坐标了，改了它就行。注意改了之后要清空缓存。我是在vue项目中使用的vue-echarts-v3 ，...
echarts地图文字居中
qq_42934839的博客
07-31 1114
echarts地图文字居中
echarts全国地图资源，省份名称居中
小于
12-30 3824
echarts 全国地图资源echarts全国地图资源全国地图山东黑龙江吉林辽宁北京天津河北河南山西陕西内蒙古安徽江苏上海浙江福建台湾广东香港澳门广西江西湖南湖北甘肃宁夏重庆贵州云南四川青海西藏新疆海南 echarts全国地图资源 echarts全国地图资源，包括全国地市主图，以及各省的县级市区，暂无各个县市区以下的行政区划。资源中省份，地级市名称居中显示。 全国地图 全国地图资源 山东 山东ec...
ECharts中国地图-- 省份文字居中
Hocen_Jonin的博客
08-30 6923
如图中国地图文字居中显示 下载地址: ( 资源审核中。。。)
Echarts3之修复全国地图省名称显示不居中的问题
ZT的专栏
04-05 1万+
修改前后对照在Echarts官网下载全国地图的插件，显示的位置可能会有点偏差，透过现象看本质，显示名称的定位本质上是取的地理坐标的经纬度。 我们打开china.js文件前面的匿名函数在加载的时候进行类型和加载参数的判断。验证成功之后执行关键的注册地图代码 echarts.registerMap(‘china’,’…’); 然后再看传递进去的全国地图的json数据。 格式化之后代码： {
vue 高德地图 label 文字居中
最新发布
04-27
可以通过设置文本样式将 Label 文字居中。具体实现方法如下： ```html <!-- html --> <a-map :zoom="13" :center="[116.397428, 39.90923]"> <a-marker :position="[116.397428, 39.90923]"> <a-label :position="[0, 30]" :offset="[0, -20]" :style="{textAlign: 'center'}"> <div>Label 文字居中</div> </a-label> </a-marker> </a-map> ``` ```css /* css */ .amap-marker-label div { background-color: #fff; border: 1px solid #ccc; padding: 10px; border-radius: 5px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } ``` 这样就可以将 Label 中的文字居中了。其中，通过设置 `:style="{textAlign: 'center'}"` 将文本居中，通过设置 `.amap-marker-label div` 的样式来美化 Label 的外观。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值