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

新手上路,请多包涵

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

阅读 6.2k
2 个回答

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

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

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

image.png

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题