大屏引入echarts地图后出现容器内没有地图和省份数据不显示的问题
前言
做了一个大屏项目,在引入地图这出了两个bug,特此在这记录下。
正文
问题1:地图不能在指定的容器内显示
我想把地图放在1处,但是渲染出来地图却在2的小框里面,造成显示不完整。找了半天原因,大概是中心点偏移,具体可参考这篇文章。按照作者的文章,我把setOption的第二个参数加上true后,又出现了新的问题,也就是问题二。
问题二:鼠标放在地图的省市上不能出现省市的数据
我的预期目标是这样:
也就是当鼠标放在西藏的板块时,tooltip里的提示就会出来。而事实相反,不仅提示没有显示,地图还不能缩放【我已经设置了roam的值了】。经过半天排查,发现是因为地图这个容器下我放了一个动画。也就是动画的容器和地图的容器是重叠的,所以影响了鼠标经过的一系列操作。我把动画删除后,地图就能正常的显示各省份的数据了。
结尾
这些问题bug仅供参考,希望能对你们有帮助!