L7

L7提供数据分析功能,可以通过这款软件构建地理空间数据分析方案,将相应的数据显示在二维地图上,从而更好查看各项数据分布情况,例如可以设计各城市D增长地图,可以设计疫情部分地图,可以设计各省人口地图,将相关的数据显示在地图上,提供地图Map、场景 Scene、React组件、行政区划、绘制组件、数据 Source、图层 Layer、组件 Component,通过这些组件就可以添加数据,设计地图,也可以从高德地图添加数据,软件支持点、线、面等所有的标准空间数据格式,为用户设计地理数据结构图提供帮助!

L7软件功能

支持地图底图,渲染引擎,图层自由定制、扩展,组合

以图形符号学地理设计体系理论基,易用、易理解、专业、专注

支持海量数据,2D、3D,动态,可交互,高能渲染

数据驱动,从数到形,支持丰富的地图可视化类型,更好洞察数据。

百万级空间数据实时,动态渲染。

支持 CSV,ON,geojson 等数据格式接入,可以根据需求自定义数据格式,无需复杂的空间数据转换。

高德地图国内合法合规的地理底图,Mapbox 满足国际化业务需求。

L7软件特色

支持丰富的图表类型

1、点图层

气泡图

散点图

符号地图

3D 柱状地图

聚合地图

复合图表地图

自定义 Marker

2、线图层

路径地图

弧线,支持 2D 弧线、3D 弧线以及大圆航线

等值线

3、面图层

填充图

3D 填充图

4、热力图

经典热力图

蜂窝热力图

网格热力图

5、栅格地图

图片

Raster

教程

图层基类

简介

L7 Layer 接口设计遵循图形语法,所有图层都继承于该基类。

语法示例

构造函数

配置项

name

stng optional deflt: 自动数字编号

设置图层名称,可根据 name 获取 layer;

visible

图层是否可见 {bool } deflt true

zIndex

图层绘制顺序,数值大绘制在上层,可以控制图层绘制的上下层级 {int} deflt 0

minZoom

图层显示最小缩放等级,(0-18) {number} Mapbox (0-24) 高德 (3-18)

maxZoom

图层显示最大缩放等级 (0-18) {number} Mapbox (0-24) 高德 (3-18)

toFit

layer 初始化完成之后,是否自动缩放到图层范围 {bool } deflt false

pickingBuffer

图层拾取缓存机制,如 1px 宽度的线鼠标很难拾取(点击)到, 通过设置该参数可扩大拾取的范围 {number} deflt 0

blend

图层元素混合效果

normal 正常效果 默认

additive 叠加模式

subtractive 相减模式

max 最大值

方法

source

数据源为 layer 设置数据 source(data,config)

data {geojson|json|csv}

源数据

config 可选 数据源配置项

parser 数据解析,默认是解析层 geojson

tranorms [tranorm,tranorm ] 数据处理转换 可设置多个

scale

设置数据字段映方法

field 字段名。

scaleConfig 列定义配置,对象类型,可配置的属如下:

scale 类型

连续型

linear 线

log

pow 指数型

连续分类型

quantile 等分位

quantize 等间距

枚举型

cat 枚举

视觉编码方法

可视化编码是将数据转换为可视形式的过程,L7 目前支持形状,大小,颜色 3 种视觉通道,你可以指定数据字段,为不同要素设置不同的图形属。

size

将数据值映到图形的大小上的方法,具体 size 的表示具体意义可以查看对应图层的文档

size(value)

传入数字常量,如 pointLayer.size(20)

size(field)

根据 field 字段的值映大小,使用默认的最大值 max:10 和最小值 min: 1。

size(field, callback)

使用回调函数控制图形大小。

callback: function 回调函数。

color

将数据值映到图形的颜色上的方法。

color(value)

参数:value :stng 只支持接收一个参数,value 可以是:

映至颜色属的数据源字段名,如果数据源中不存在这个字段名的话,则按照常量进行解析,这个时候会使用 L7 默认提供的颜色。

也可以直接指定某一个具体的颜色值 color,如 ‘#fff’, ‘white’,’rgba(255,0,0,0.5)’ ,rgb(255,0,1) 等。

示例

color(field, colors)

参数:

field: stngfield 为映至颜色属的数据源字段名,也支持指定多个参数。

colors: stng | array | function

colors 的参数有以下情况: 如果为空,即未指定颜色的数组,那么使用内置的全局的颜色;如果需要指定颜色,则需要以数组格式传入,那么分类的颜色按照数组中的颜色确定。

colors 如果是回调函数,则该回调函数的参数为对应字段的数值,具体使用如下,当 color 映为多个字段时,参数按照字段声明的顺序传入:

shape

将数据值映到图形的形状上的方法。

shape(shape)

参数shape stng

只支持接收一个参数,指定几何图像对象绘制的形状。下表列出了不同的 图层 几何图形对象支持的 shape 形状

style

全局设置图形显示属

opacity 设置透明度

stke 线填充颜色 仅点图层支持

stkeWidth 线的宽度 仅点图层支持

图层更新方法

如果已经添加了图层,需要修改图层显示样式可以再次调用图形映方法,调用 scene.render()更新渲染即可

样式更新

setData

更新 Source 数据

参数:

data 数据

option 默认和初始配置项一致,如果数据格式相同可不设置

调用 setData 方自动更新图层渲染

layer.setData(data);

setBlend(type)

设置图层叠加方法 参数:

type blend 类型

图层控制方法

show

图层显示

layer.show();

hide

图层隐藏

layer.hide();

isVisible

图层是否可见

return true | false

setIndex

设置图层绘制顺序

fitBounds

缩放到图层范围

layer.fitBounds();

setMinZoom

设置图层最小缩放等级

参数

zoom {number}

layer.setMinZoom(zoom);

setMaxZoom

设置图层最大缩放等级

参数

zoom {number}

layer.setMinZoom(zoom);

设置图层最大缩放等级

参数

zoom {number}

layer.setMinZoom(zoom);

3D柱图深色

弧线地图

公交线路深色

蜂窝图3D

海量点

亮度图

上一篇 2022-11-28

相关推荐

  • L7

    L7提供数据分析功能,可以通过这款软件构建地理空间数据分析方案,将相应的数据显示在二维地图上,从而更好查看各项数据分布情况,例如可以设计各城市D增长地图,可以设计疫情部分地图,...
正在提交中,请稍等片刻...

发表回复

请登录后评论...
登录后才能评论

评论列表 (0条)