首页 > 其他 > 详细

提取 ECharts 中的svg地图信息

时间:2015-07-08 18:21:04      阅读:1213      评论:0      收藏:0      [点我收藏+]

地图的需求还是蛮大的,全国都要自己画的话,还是需要投入比较大的人力。

ECharts中有地图,那我们能不能把里面的地图文件提取出来呢,主要逻辑在map.js中。

看源代码发现,ECharts中地图信息,通过算法,把坐标信息,转换成基准[x,y]和坐标数组,再通过String.fromCharCode坐标数组转换成字符(),进行存储

这也是一种大量数字数据,前端压缩,编码的好办法。

 

ECharts的使用的这种方式,灵活性更高,可以修改图像的偏移,放大倍数。

而在项目中,使用的方式,可以通过viewBox完成,但是图像偏移就没有简便方法实现了

  代码大部分都是ECharts内部代码,把用到的整理出来,通过raphael把地图显示出来,地址戳这里。

  上个效果图

技术分享

  

 

提取 ECharts 中的svg地图信息

原文:http://www.cnblogs.com/legu/p/4630810.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!