5分钟带你快速了解各类可视化地图！

数据可视化的类型多样，在此介绍了四种数据可视化方式：点、线、面、栅格。每种方式都有其独特的特点和适用场景。通过不同的可视化方式，我们可以更好地理解数据，发现数据中的规律和趋势，从而做出更准确的决策。

一、点数据可视化

点数据可视化是将离散的点数据在地图上呈现出来，帮助人们理解数据的分布、聚集和趋势。点数据通常表示为一系列坐标对（经纬度或 X/Y 坐标），每个坐标对代表一个点的位置。地理中的点位和物理中的质点类似，是一个没有形状或大小的抽象概念，仅包含位置信息。点本身没有形状和尺寸，为了表达不同要素，我们可以赋予每个点元素不同的符号、颜色和形状，以实现多样化的表达方式。

使用场景

点数据在不同场景诉求下主要有两种表达方式：

看趋势分布

趋势分布可以被认为是定性数据的可视化表达，它更关注的是事物的本质特征，而不是数量大小。趋势表达通常用于向用户展示数据的分布规律，帮助用户了解整体趋势，但不会深入探讨每个数据的细节。

• 经典热力图：可以用来展示某个区域内不同地点的数据分布情况，通过颜色的变化来显示数据点的密集程度或权重大小，帮助用户快速了解数据的分布趋势和热点区域。

经典热力图展示热点区域

• 亮点图：海量点的叠加模式突出数据密集区域，数据越密集，可视化表达颜色越亮，更强的视觉冲击。

亮点图展示出租车点位数据

看区域差异

将地理数据转化为数字或数值形式，能使地图信息更清晰，趋势更明显。这种表达方式有助于人们理解地理数据，比较不同区域的差异，以支持数据驱动的决策。

• 气泡图：将数据点以气泡的形式在地图上显示，每个气泡的位置表示地理坐标，气泡的大小或颜色差异表示数据属性的差异。

气泡图展示地震分布

• 网格热力图：用来显示数据在网格状区域（如方格或蜂窝）中的分布情况，每个网格单元代表一个特定的区域或范围，并用颜色编码来表示数据的值或密度。与传统的热力图不同，网格热力图使用规则的网格单元来组织数据，能够明确展示网格的具体数值差异。

网格热力图展示区域差异

• 聚合图：当数据很多时，很多的点会叠加覆盖数据比较混乱，通过聚合图能够清晰展示不同区域的数据量差异，聚合图不但能够解决数据量较大时数据可视化的性能问题，还能够分层级查看细节。

聚合图展示海量数据分布

• 3D 柱状图：3D 柱图是气泡图的增强表达，通过高度的差异的体现数据的差异。

3D 柱图增强表达

二、线数据可视化

线数据是由一组经纬度坐标组成的，用来表示线路的空间走向，比如道路、河流、轨迹等。线数据可视化就是把线数据的走向信息，加上宽度、颜色等要素，在地图上进行可视化展示。通过线数据可视化，人们可以更好地理解地理空间中的线性特征，在路径规划、导航等领域得到广泛应用。

根据线数据中所包含的地理信息类型，可以将线数据可视化分为两种类型：路径和流向

路径

由一系列经纬度点组成，用于描述数据在空间中的运动轨迹和分布情况。它通常用于公共交通路线规划、河流流向和行政区域边界等场景。

北京地铁线路路径数据可视化

流向

由起点和终点的经纬度组成，无需途径点位信息，主要表达从起点到终点的一次空间变化，常用于出行量统计、春运迁徙分析等场景中。

园区出勤流向数据可视化

使用场景

▼轨迹图

主要用于在地图上展示数据中各个元素的走向信息，可以通过线粗细、颜色深浅来表示不同元素的大小或类型差异，常用于呈现车辆路线或轨迹、路网、河流、区块围栏等场景中。

上海市公交线网轨迹分布

杭州行政区围栏轨迹边界

▼流线图

通常用于在出行场景中表达地图上两个位置点之间的无途径信息的位移，可以来用表达人口迁移、航班网络等各种流动性的地理现象，帮助人们更直观地理解和分析这些移动过程。

全国春运迁徙流向图

西安机场航班流向图

▼等高线图

可以在 3D 地图底图中，赋予各个轨迹线数据一定的高度后进行展示，即可在地图当中看到加上高度的轨迹线组成的等高线图。

山脉等高线图

中国台湾省地形图

三、面数据可视化

面数据是由一组经纬度坐标构成的边界，代表地理空间中的区域或多边形要素，例如湖泊、国家边界、行政区划等。通过可视化面数据，我们可以更好地了解区域的形状、大小和空间分布等信息，在国土资源、农业、林业领域有很大作用。

使用场景

▼填充图

在区域分布图中，通过对面要素进行填充颜色来突出不同区域之间的差异。此外，在面要素的边界上添加线条，以更清晰地定义不同的区域。这种方法有助于强调边界和区域之间的关系。

▼3D 填充图

3D 填充图和普通填充图的主要区别在于它们增加了高度映射。通过高度差异，可以更清晰地表达不同区域的变化。例如，在建筑设计中，建筑师可以使用3D填充图来展示不同楼层的高度和形状，从而更好地理解建筑物的内部结构。

▼室内地图

通过 3D 形式展示楼层要素，可以更加生动地展现不同高度下的空间布局，让参观者更好地理解建筑物的结构。同时，通过颜色也可以更好地表达室内空间的功能分区，让参观者更好地了解建筑物的使用方式。

3D 室内地图表达

---

四、栅格数据可视化

栅格数据可视化是将栅格数据以图形或图像的形式呈现出来，以便于人们能够直观地理解和分析数据。栅格数据通常表示为一个矩阵，其中每个单元格包含有关地理区域的信息，例如高程、温度、遥感图像像素值等。

使用场景

▼颜色映射

栅格数据是由像素点组成的矩阵，每个像素点代表一个区域的值，通过颜色表达数值大小，以区分不同区域。例如，温度图使用暖色调表示高温，冷色调表示低温，使数据更易于理解。

夜光图颜色映射

高程图颜色映射

▼遥感图像可视化

遥感图像融合是将不同传感器或波段的图像合并成一张图像，以获得更多信息或更全面的数据。这通常涉及到多光谱图像和全色图像的融合，以获得高分辨率和多谱段信息的图像。遥感图像通常以真彩色或伪彩色的方式呈现，以突出不同的地物特征。伪彩色可以用于强调不同波段的信息，例如红外图像。

标准假彩色融合

自然色彩融合

---

五、瓦片数据可视化

瓦片技术是将地理数据按照一定尺寸和格式裁切成正方形图片，类似于屋顶上的瓦片，可以按需加载和渲染，减少数据传输和渲染负担。瓦片是静态图片，可预先生成，通过缓存和CDN技术，瓦片服务器提供高效的瓦片读取服务。浏览器并行获取和显示多张小图片比大图片高效。

常见的瓦片形态分为栅格瓦片和矢量瓦片：

特点	矢量瓦片	栅格瓦片
数据格式	数据以矢量形式存储（点、线、面），每个对象有自己的几何信息和属性信息	数据以像素点形式存储，每个像素点有自己的数值信息
数据大小	数据量相对较小，同等区域的数据文件通常比栅格数据小	数据量较大，同等区域的数据文件通常比矢量数据大
渲染效果	渲染效果较好，可以对每个对象进行不同的渲染，并能够更好地表达地理要素的几何形态和属性信息	渲染效果较差，不支持动态渲染和交互，不能直观地表达地理要素的几何形态和属性信息
动态性	支持动态渲染和更新，可以根据需求对数据进行编辑和更新	不支持动态渲染和更新，数据通常是静态的
适用范围	适用于需要表达地理要素的几何形态和属性信息的场景，如：地图制图、城市规划、资源管理等	适用于需要表达地理要素的数值信息的场景，如：遥感影像分析、农业监测、自然资源调查等
数据更新	数据更新相对容易，只需要更新对应的矢量数据即可	数据更新相对困难，需要重新生成整张瓦片才能更新
网络传输	矢量数据较小，网络传输速度较快	图片数据较大，网络传输速度较慢

栅格瓦片可视化

栅格瓦片将大的栅格图像按照一定规则划分成小的栅格图像，通常以像素为单位，可以根据不同的缩放级别和层级结构存储和管理。栅格瓦片适用于静态地图和图像渲染，如地形、卫星图像等。

使用场景

▼卫星地图瓦片

卫星瓦片地图是通过卫星遥感技术获取的图像数据，将其切割成小块（瓦片）并以瓦片集的形式提供的地图服务。这种服务使得用户可以在地图上以平铺（tile）的方式加载和查看卫星图像，以获取地球表面的详细信息。

卫星影像底图

▼数据栅格瓦片

数据栅格瓦片是一种将单张 GeoTIFF[6] 按照瓦片规则切割成小的数据栅格的技术，以便于前端加载显示。常见的数据栅格瓦片格式包括 Lerc[13]、TIFF[14] 和 Terrain-RGB[15]。数据栅格瓦片的主要优势在于其能够对栅格记录的像素值进行动态、渲染过滤。例如，使用数据栅格瓦片表达作物长势数据时，可以动态设置颜色，并进行数据动态过滤。

DEM 高程数据颜色映射可视化

矢量瓦片可视化

矢量瓦片是一种将地理空间数据切割成小的矢量图形区域的方法。与栅格瓦片不同，矢量瓦片中的地理数据以矢量形式存储，而不是栅格像素。矢量瓦片的优势在于它可以实现更高的绘制质量和交互性，因此矢量图实现个自定义地图样式并能够交互操作。

使用场景

地图底图

矢量瓦片包含几何信息和属性数据，使得地图的样式和内容可以更灵活地定制。开发者可以通过动态样式表实时更改地图的外观，包括颜色、线型、填充等，而无需重新生成图块。矢量瓦片可以提供高分辨率的地图，使地图细节更加清晰。这对于需要展示复杂地理信息、城市规划、建筑结构等场景非常有用。

业务数据表达

在农业、城市规划等领域，需要展示大量详细且复杂的边界数据。矢量瓦片技术能够有效解决海量数据渲染性能问题，同时支持数据动态表达，帮助用户更好地理解数据。以农业场景为例，矢量瓦片技术可以用于展示农田边界、作物分布等信息，提高农业生产效率和资源利用效率。

矢量瓦片提供地块边界信息，有助于土地管理和规划。矢量瓦片可以叠加多层信息，如土壤类型、作物类型、灌溉系统等，提供丰富的地理信息。矢量瓦片能够动态实时展示农业地理数据，有助于农业决策者及时了解农场状况。

矢量瓦片展示农业地块数据

拿走即用，20个数据可视化大屏源码分享！超炫的毕业设计、练手项目~

【免费分享】Echarts数据可视化开发课程和120套前端可视化大屏模板

【干货】五个开源项目，帮你搞定数据可视化！

WebGIS大屏可视化源码：

资料获取方式：

加小助手（whxzdjy）请备注资料名称即可领取。