Echarts 地图概述及二维地图初始化

Echarts 可以绘制中国、各省及世界地图,包括二维地图和三维地图,下面就如何生成地图做概要介绍。

1  地图功能概述

Echarts 中,如果需要将区域数据可视化,使用 series 中的地图组件,如果需要在地图中标注地理位置信息,就要使用geo,即地理坐标系组件。

在二维地图中,series 中的地图组件,配合visualMap 组件可用于展示不同区域的人口、经济发展、能源分布等数据,可采用不同颜色将数据大小分级,配合图例将区域数据可视化。地理坐标系组件则支持在地图上标注地理坐标,并在地理坐标系上绘制散点图,线集。

Echarts还支持同时使用series 中的地图组件和地理坐标系组件,这时地图组件可采用geo组件中的数据,并控制geo区域的颜色。这就实现了在地图中同时展现区域数据和地理位置信息。

三维地图中,同样区分区域数据和地理位置信息数据展示,series中的map3D组件用于展示区域数据,geo3D用于展示地理位置信息。相比于二维的地图,三维地图首先实现了立体化,其次还能对每个区域设置不同的高度,这个高度能够用来展示数据大小。

2  引入包方法

二维地图需只需要引入echarts.min.js, 三维地图则需要在引入echarts.min.js的基础上再引入一个echarts-gl.min.js。

多页面中,标签引入:



单页面中,如果使用webpack等打包,

你可能感兴趣的:(Echarts)