山海鲸可视化地图，无代码添加呼吸点、柱状图、飞线、标记，工作汇报一图说清！

在公司任职，工作汇报总是少不了的一个环节，而这个环节又往往直接决定了老板对一个员工的印象，人云亦云地罗列表格、堆砌数据无异于自甘落后。那么是否有一种方法，能让老板眼前一亮，直呼“漂亮”呢？

最简单直接的办法，就是使用一款数据可视化软件。山海鲸可视化是一款免费的零代码数字孪生开发平台，用户无需任何代码基础，只需在屏幕上拖拉拽即可制作自己的可视化大屏。

下面就让我们来看一下，如何使用山海鲸可视化中的地图组件，并在上面添加呼吸点、柱状图、飞线以及标记吧！

 首先我们来了解一下山海鲸可视化中的地图组件。

地图组件主要分为底图层、呼吸点层、热力层、柱状层、路线层、飞线层以及标记层，我们可以根据需要在不同的“层”上进行设置。

以下是此次教程中使用到的数据，大家可以利用这些数据自己去尝试一下。

我们首先来添加呼吸点。

添加呼吸点之前，我们需要为组件添加数据。点击面板右侧的“数据”——“呼吸点层字段”——“地图层级”，然后将下方对应的数据字段一一拖入即可。

这里解释一下各个数据字段的含义。

因此，我们应该这样添加数据：

 回到样式面板，开启“呼吸点层”，可以看到我们已经成功在地图上添加了呼吸点。开启后我们还可以对呼吸点的样式进行设置。

接下来我们继续设置柱状图。

柱形图与呼吸点相似，流程都是一样的：添加数据字段——调整样式。这里要说明一下，柱状层的地点字段可以是某一个区域的名称，也可以是某一个地点的经纬度数据。当地点字段为区域名称时，柱子处于区域的中间位置；当地点字段为经纬度数据时，柱子就处于该经纬度对应的位置。

柱状层添加数据字段如下图所示：

柱状层反应在地图的各个具体位置上，通过柱子的高度变化反应出对应数值大小的变化。柱子的形状可以设置为四棱柱或圆柱，最大高度对应的是取值字段中的最大值，其他柱子会根据对应数值与最大数值的比例生成。

然后是飞线的设置。

飞线层反应在地图的各个具体位置上，通过从起始点到结束点的飞线反应出两个位置之间的联系。

飞线层需要手动添加，点击下方的“+添加飞线层”可以添加更多飞线层，点击右上角的“x”可以删除飞线层。

飞线层的地点字段可以是某一个区域的名称，也可以是某一个地点的经纬度数据。当地点字段为区域名称时，飞线起始点和结束点处于区域的中间位置；当地点字段为经纬度数据时，飞线的起始点和结束点就处于该经纬度对应的位置。

动画类型包括飞线和航线。飞线可更改颜色。航线动画效果可调整地点尺寸、地点颜色、航线粗细、航线颜色、航线高亮颜色、飞行速度、飞行物图片和图片的尺寸。

最后我们来设置标记。

如果想给地图上标记更多类型的地点（例如学校和医院等），可以在标记层进行设置。

标记层与飞线层相似，点击下方的“+添加标记层”可以添加更多标记层，点击右上角的“x”可以删除标记层。 

当地点字段为区域名称时，标记图片处于区域的中间位置；当地点字段为经纬度数据时，标记图片处于该经纬度对应的位置。

选择图片是设置该标记层的位置标识。图片的宽度、高度和透明度可以独立设置。显示名称指的是是否将名称字段显示在标识旁边。名称的大小、颜色和透明度可以独立设置。

当我们对标记层的属性进行设置时，首先要选择其中的某一个标记层，每个标记层是独立设置的。

提示信息默认关闭，开启后可以对其进行设置。包括：提示框背景色、显示提示信息标题（对应的是字段的标题）、提示信息标题颜色、提示信息高度、标题文字大小和提示信息标题宽度等。

---

这样一来，一个带有呼吸点、柱状图、飞线、标记的地图就做好了，大家可以自己去动手尝试一下，继续美化设计，相信最后一定能做出令人满意的效果。

如果大家想了解更多可视化相关内容，欢迎进入山海鲸可视化资源中心查看：https://www.shanhaibi.com/?type=marketlist

所有模板均可在山海鲸可视化软件中免费一键下载，并进行编辑设置。

数字孪生交流QQ群：788095444，欢迎提问交流，共同探讨。

本栏目推荐文章
• 代码随想录 day18 找树左下角的值 路径总和 从中序与后序遍历序列构造二叉树
• 用jacoco统计JAVA项目测试代码覆盖率
• （坚持每天写算法）基础算法复习与学习part1基础算法1-7——高精度减法（处理t=1和t>1代码的写法，t为操作次数）
• GDB调试之源代码查看与管理(六)
• 写代码时如何合理的画图表达逻辑结构
• 十行python代码实现文件去重，去除重复文件的脚本
• 地图
• [代码随想录] 第四天
• idea 中java代码修改后运行代码不生效
• 分享uniapp移动端和h5项目如何使用谷歌地图

山海 图说 标记 代码 地图山海 图说 标记 代码 地图 前端 组件 标记 示例huggingface标记 代码 标记 阶段 代码net7 图说 图说ip 图说tcp 算法 原理 代码 地图 中国地图echarts代码 地图 harmonyos代码 地图