# 进阶

丰富的图层渲染方式是惊艳地图的基础

渲染方式

# 单字段渲染

# 简单渲染

简单渲染是指该图层要素统一使用一种样式

#

  • 用图标或者动图来实现点位效果的多变
  • 可以设置图标或者动图的属性
  • 根据业务内置了丰富的图标库

点渲染

# 线

  • 支持配置众多的线型
  • 线条颜色支持 rgba
  • 支持设置线宽

线渲染

  • 点图层还额外支持聚合图和热力图渲染

点的聚合和热力渲染

#

  • 支持设置边线宽度和众多的边线线型
  • 可分别设置边线和填充颜色(都支持 rgba
  • 支持配置不同的填充类型

面渲染

# 分级渲染

先按照一定的规则设置一系列的数值范围和样式,然后根据某一数值型字段满足不同的条件进行不同样式的渲染的方式
通过图层中要素的某个数值字段的值,根据用户要求,将这些值分为多个级别,每个级别用不同的 Symbol 显示

唯一值渲染

# 唯一值渲染

先按照一定的规则设置一系列的与样式的对应关系,然后根据某一字段值满足不同的条件进行不同样式的渲染的方式
依据图层中的某个字段的不同值,给每个要素一个单独的颜色,以区分存在的每一个要素

唯一值渲染

# 多字段渲染

多字段是为了针对同一图层的不同数据分别进行渲染而推出的渲染方式。它可以有效减少系统请求的数据量和图层的数量,提高了系统性能

多字段渲染

# 渲染字段

在渲染字段中选择要设置渲染的字段,多选

# 默认渲染字段

设置地图初次加载时,图层渲染哪个字段

# 字段列表

已经选择要渲染的字段,点击字段可以跳转到该字段的渲染面板

# 别名

设置字段在图层列表面板上展示的内容(因为接口中的字段基本为英文或者缩写,不利于见名知意)

# 统计图

# 饼图

饼图

# 基础样式

# 高度

饼图容器的高度

# 宽度

饼图容器的宽度

# 主题色

常用的饼图配色方案。您也可以在下面分类中自定义颜色

# 分类

设置饼图分块和每一块的数据,以及对应的别名和颜色

# 高级样式

# 内半径

饼图内半径,可以将内半径设大显示成圆环图( Donut chart )

# 外半径

饼图的半径

# 背景色

饼图的背景色

# 中心文字

中心文字字段

# 字体

提示文本字体

# 字体大小

提示文本字体大小

# 文字颜色

提示文本字体颜色

# X轴偏移

饼图容器沿 X 轴偏移像素(负值向左,正值向右

# Y轴偏移

饼图容器沿 Y 轴偏移像素(负值向上,正值向下

# 柱图

柱图

# 标题

柱图的标题

# 提示文字

每柱展示内容的共同点

# 主题色

常用的柱图配色方案。您也可以在下面分类中自定义颜色

# 分类

设置柱图分柱和每一柱的数据,以及对应的别名和颜色

# 高度

柱图容器的高度

# 宽度

柱图容器的宽度

# X 轴偏移

柱图容器沿 X 轴偏移像素(负值向左,正值向右

# Y 轴偏移

柱图容器沿 Y 轴偏移像素(负值向上,正值向下

# ECharts 渲染

使用如下:

ECharts模板-动态河流

使用时,根据模板要求配置相应的字段或者颜色即可

内置模板如下:

ECharts模板

注: 支持自建 ECharts 模板,如果配置请观看操作视频 Echarts -模板配置(敬请期待)

# HTML 渲染

使用如下:

HTML模板-动态河流

使用时,根据模板要求配置相应的字段或者颜色即可

内置模板如下:

HTML模板

注: 支持自建 HTML 模板,如果配置请观看操作视频 HTML -模板配置(敬请期待)