vue中使用echarts,怎么使地图的省份信息居中?

13973337793
  • 1
新手上路,请多包涵

我是使用了v-charts,主要是后台返回的数据结构比较匹配,但使用中国地图的时候,地图上的省份信息显示不能居中!希望大神指教

回复
阅读 3.4k
2 个回答

1、在github上面看到v-charts的使用文档是在vue项目中也同时会安装echarts,可考虑用echart来实现。
image.png
2、一种折衷的做法可以使用echarts完成,使用如下类似链接的示例echarts map示例,这里每个省份的起点默认是省会城市,只要修改为合适的经纬度就能实现居中效果。迁徙箭头可具体查阅怎么去除,或者使用其他可以设置经纬度的图例,我提供的解决思路就是这样。
image.png

破晓起飞
  • 62

要省份名称居中,其实也就是要设置它的中心点,找到china.js(node_modules/echarts/map/js/china.js)文件,把里面的cp 【center point】坐标值设置成每个省份的正中位置就行了。

可以去百度地图坐标拾取:GO->

image.png

如下图广西的设置:
image.png

宣传栏