在数据可视化中,经常使用地图展示地理信息数据,最常见的地图使用分为三种方式:
- geo坐标地图
- svg地图
- 图片热点地图
不同类型的需求需要不同的地图类型,不同类型有不同的解决方案和展示方式,在前期沟通中必须明确,否则就容易出现不同类型的展示在无法实现的地图类型中实现,会很被动。
类目geo坐标svg图片热点配套echarts、bmap等百度开源组合套餐,是实现geo地理坐标地图的最佳方法mapper.js可以高亮显示,更多是svg自有属性的使用(chinaMap有对应的svg插件js库)推荐mapper.js,可以实现高亮、边框等效果,同时配合CSS定制,实现提示框功能效果路径图、飞线图、散点气泡图、柱图、3D图鼠标高亮、提示框鼠标高亮、提示框立体感3D、阴影和渐变的使用阴影效果高斯模糊SourceGraphic和SourceAlph,不是和理想取决的设计师水平难易度需要熟练掌握 echarts相关知识svg的制作需要AI设计软件;代码的梳理需要了解svg的属性根据设计师的图片,使用多边形工具(Dreamweaver),设置特点即可下钻支持svg不同页面链接形成的下钻mapper.js属性的使用效率经纬度坐标定位,精确提示框坐标的设置是重复工作的重点,svg图片大小的更改和位置的变化都会导致坐标的更改提示框坐标的设置Done!