Skip to content

地图与其它

地图组件(4 类)

地图类属性分段:内容 · 样式 · 数据 · 行为 · 高级,默认 数据

地图共有配置

分段配置说明
内容地图区域省/市/全国等行政区
样式显示标签、区域/散点标签、标签颜色;渐变/3D 类有 数值范围颜色渐变(visualMap)
数据见各类型;数据源绑定
行为默认缩放自动居中、中心经纬度;显示提示(tooltip)、允许缩放拖拽(滚轮/拖地图);3D 类还有俯仰/旋转/视距;飞线类 飞线曲率
高级类型特有高级项(以面板为准)

渐变地图 gradientMap

用途:行政区 填色 表示数值(choropleth)。

数据mapData — 区域名与数值,如 [{ "name": "广东", "value": 100 }, ...]

样式:数值范围、渐变色带(visualMap)。

支持:示例数据、数据源绑定。


飞线地图 flylineMap

用途:2D 地图上 迁徙线 + 散点

数据

  • flyData:飞线 { fromName, toName, coords: [[lng,lat],[lng,lat]] } 或类似结构
  • scatterData:散点 { name, value: [lng, lat, 数值] }

样式:飞线颜色、曲率、散点大小等(以面板为准)。


3D 地图 map3D

用途:三维区域高度/颜色展示。

数据mapData 同渐变地图。

行为:3D 视角(俯仰、旋转、视距)、缩放居中。

样式:visualMap 颜色映射。


3D 飞线地图 flyline3D

用途:3D 场景下的飞线与散点。

数据flyDatascatterData(结构同 2D 飞线,坐标为经纬度)。

行为 / 样式:3D 视角 + 飞线样式。


地图使用建议

  1. 区域名需与 地图区域 配置一致(如「广东省」vs「广东」,以组件要求为准)
  2. 先用 示例数据 看效果,再替换业务 JSON
  3. 经纬度飞线注意坐标系与缩放中心
  4. 公开预览时数据仍可通过 REST 绑定;静态 JSON 随大屏保存

词云图 wordCloud

用途:热词、标签云展示。

分段主要配置
内容词云形状(circle、cardioid 等)、是否允许词超出边界
样式字号范围、旋转角度、颜色策略、背景
数据词云数据 [{ "name": "词", "value": 权重 }, ...];数据源绑定
行为词云动画相关;交互事件、入场动画

支持:填入示例数据、数据源绑定。


相关文档

巧曦大屏搭建平台 · 联系我们