mirror of https://gitee.com/antv-l7/antv-l7
docs: update raster layer docs
This commit is contained in:
parent
c3c22921a2
commit
f9e06a63e3
|
@ -2,11 +2,13 @@
|
|||
title: ImageLayer
|
||||
order: 5
|
||||
---
|
||||
|
||||
## 简介
|
||||
|
||||
将图片添加到地图上,需要指定图片的经纬度范围
|
||||
|
||||
## 使用
|
||||
|
||||
```javascript
|
||||
import { ImageLayer } from '@antv/l7';
|
||||
```
|
||||
|
|
|
@ -2,9 +2,11 @@
|
|||
title: 图片图层
|
||||
order: 5
|
||||
---
|
||||
|
||||
## 简介
|
||||
|
||||
将图片添加到地图上,需要指定图片的经纬度范围
|
||||
|
||||
## 使用
|
||||
|
||||
```javascript
|
||||
|
|
|
@ -12,14 +12,14 @@ L7 Layer 接口设计遵循图形语法,在可视表达上
|
|||
语法示例
|
||||
|
||||
```javascript
|
||||
const layer= new Layer(option)
|
||||
const layer = new Layer(option)
|
||||
.source()
|
||||
.color()
|
||||
.size()
|
||||
.shape()
|
||||
.style();
|
||||
|
||||
scene.addLayer(layer)
|
||||
scene.addLayer(layer);
|
||||
```
|
||||
|
||||
## 构造函数
|
||||
|
|
|
@ -12,15 +12,14 @@ L7 Layer 接口设计遵循图形语法,在可视表达上
|
|||
语法示例
|
||||
|
||||
```javascript
|
||||
const layer= new Layer(option)
|
||||
const layer = new Layer(option)
|
||||
.source()
|
||||
.color()
|
||||
.size()
|
||||
.shape()
|
||||
.style();
|
||||
|
||||
scene.addLayer(layer)
|
||||
|
||||
scene.addLayer(layer);
|
||||
```
|
||||
|
||||
## 构造函数
|
||||
|
|
|
@ -3,9 +3,9 @@ title: Raster
|
|||
order: 5
|
||||
---
|
||||
|
||||
Raster图层主要实现栅格数据的可视化,栅格数据主要来源是卫星遥感数据,如数字高程图,植被分布图,夜光图。
|
||||
Raster 图层主要实现栅格数据的可视化,栅格数据主要来源是卫星遥感数据,如数字高程图,植被分布图,夜光图。
|
||||
|
||||
L7 本身内部没有提供栅格数据格式 如 tiff,需要外部解析好做为Source 传入。
|
||||
L7 本身内部没有提供栅格数据格式 如 tiff,需要外部解析好做为 Source 传入。
|
||||
|
||||
## 使用
|
||||
|
||||
|
@ -15,27 +15,30 @@ import { RasterLayer } from '@antv/l7';
|
|||
|
||||
## source
|
||||
|
||||
见 [raster source](../source/raster)
|
||||
见 [raster source](../source/raster)
|
||||
|
||||
## shape
|
||||
|
||||
```raster```
|
||||
`raster`
|
||||
|
||||
## size
|
||||
|
||||
无
|
||||
|
||||
## color
|
||||
|
||||
无
|
||||
|
||||
## style
|
||||
|
||||
- clampLow Boolean 默认 false, 设置为true,低于domain的数据将不显示
|
||||
- clampHigh Boolean 默认 false, 设置为true,高于domain的数据将不显示
|
||||
|
||||
- clampLow Boolean 默认 false, 设置为 true,低于 domain 的数据将不显示
|
||||
- clampHigh Boolean 默认 false, 设置为 true,高于 domain 的数据将不显示
|
||||
- opacity: 0.8 Number 透明度
|
||||
- domain: [ 0, 8000 ] 数据映射区间
|
||||
- domain: [ 0, 8000 ] 数据映射区间
|
||||
- noDataValue Number noDataValue 不会显示
|
||||
- rampColors: {
|
||||
colors: [ '#FF4818', '#F7B74A', '#FFF598', '#91EABC', '#2EA9A1', '#206C7C' ].reverse(),
|
||||
positions: [ 0, 0.2, 0.4, 0.6, 0.8, 1.0 ]
|
||||
} // 色带
|
||||
colors: [ '#FF4818', '#F7B74A', '#FFF598', '#91EABC', '#2EA9A1', '#206C7C' ].reverse(),
|
||||
positions: [ 0, 0.2, 0.4, 0.6, 0.8, 1.0 ]
|
||||
} // 色带
|
||||
|
||||
:warning: color, position 的长度要相同
|
||||
|
||||
|
|
|
@ -3,9 +3,10 @@ title: 栅格图层
|
|||
order: 5
|
||||
---
|
||||
|
||||
Raster图层主要实现栅格数据的可视化,栅格数据主要来源是卫星遥感数据,如数字高程图,植被分布图,夜光图。
|
||||
Raster 图层主要实现栅格数据的可视化,栅格数据主要来源是卫星遥感数据,如数字高程图,植被分布图,夜光图。
|
||||
|
||||
L7 本身内部没有提供栅格数据格式 如 tiff,需要外部解析好做为 Source 传入。
|
||||
|
||||
L7 本身内部没有提供栅格数据格式 如 tiff,需要外部解析好做为Source 传入。
|
||||
## 使用
|
||||
|
||||
```javascript
|
||||
|
@ -14,27 +15,30 @@ import { RasterLayer } from '@antv/l7';
|
|||
|
||||
## source
|
||||
|
||||
见 [raster source](../source/raster)
|
||||
见 [raster source](../source/raster)
|
||||
|
||||
## shape
|
||||
|
||||
```raster```
|
||||
`raster`
|
||||
|
||||
## size
|
||||
|
||||
无
|
||||
|
||||
## color
|
||||
|
||||
无
|
||||
|
||||
## style
|
||||
|
||||
- clampLow Boolean 默认 false, 设置为true,低于domain的数据将不显示
|
||||
- clampHigh Boolean 默认 false, 设置为true,高于domain的数据将不显示
|
||||
|
||||
- clampLow Boolean 默认 false, 设置为 true,低于 domain 的数据将不显示
|
||||
- clampHigh Boolean 默认 false, 设置为 true,高于 domain 的数据将不显示
|
||||
- opacity: 0.8 Number 透明度
|
||||
- domain: [ 0, 8000 ] 数据映射区间
|
||||
- domain: [ 0, 8000 ] 数据映射区间
|
||||
- noDataValue Number noDataValue 不会显示
|
||||
- rampColors: {
|
||||
colors: [ '#FF4818', '#F7B74A', '#FFF598', '#91EABC', '#2EA9A1', '#206C7C' ].reverse(),
|
||||
positions: [ 0, 0.2, 0.4, 0.6, 0.8, 1.0 ]
|
||||
} // 色带
|
||||
colors: [ '#FF4818', '#F7B74A', '#FFF598', '#91EABC', '#2EA9A1', '#206C7C' ].reverse(),
|
||||
positions: [ 0, 0.2, 0.4, 0.6, 0.8, 1.0 ]
|
||||
} // 色带
|
||||
|
||||
:warning: color, position 的长度要相同
|
||||
|
||||
|
|
|
@ -3,7 +3,7 @@ title: Raster
|
|||
order: 5
|
||||
---
|
||||
|
||||
Raster图层主要实现栅格数据的可视化,栅格数据主要来源是卫星遥感数据,如数字高程图,植被分布图,夜光图。
|
||||
Raster 图层主要实现栅格数据的可视化,栅格数据主要来源是卫星遥感数据,如数字高程图,植被分布图,夜光图。
|
||||
|
||||
## parser
|
||||
|
||||
|
|
|
@ -3,7 +3,7 @@ title: 栅格
|
|||
order: 5
|
||||
---
|
||||
|
||||
Raster图层主要实现栅格数据的可视化,栅格数据主要来源是卫星遥感数据,如数字高程图,植被分布图,夜光图。
|
||||
Raster 图层主要实现栅格数据的可视化,栅格数据主要来源是卫星遥感数据,如数字高程图,植被分布图,夜光图。
|
||||
|
||||
## parser
|
||||
|
||||
|
|
|
@ -80,12 +80,12 @@ layer.setData(data);
|
|||
|
||||
### transforms
|
||||
|
||||
tranforms 处理的是的标准化之后的数据
|
||||
标准化之后的数据结构包括 coordinates 地理坐标字段,以及其他属性字段。
|
||||
tranforms 处理的是的标准化之后的数据
|
||||
标准化之后的数据结构包括 coordinates 地理坐标字段,以及其他属性字段。
|
||||
|
||||
处理完之后返回的也是标准数据
|
||||
处理完之后返回的也是标准数据
|
||||
|
||||
``` javascript
|
||||
```javascript
|
||||
[{
|
||||
coordinates: [[]] // 地理坐标字段
|
||||
_id:'',// 标准化之后新增字段
|
||||
|
@ -112,7 +112,6 @@ layer.setData(data);
|
|||
- method:聚合方法 count,max,min,sum,mean5 个统计维度
|
||||
|
||||
```javascript
|
||||
|
||||
layer.source(data, {
|
||||
transforms: [
|
||||
{
|
||||
|
@ -123,8 +122,8 @@ layer.source(data, {
|
|||
},
|
||||
],
|
||||
});
|
||||
|
||||
```
|
||||
|
||||
#### hexagon
|
||||
|
||||
生成六边形网格布局,根据数据字段统计
|
||||
|
|
Loading…
Reference in New Issue