docs: update raster layer docs

This commit is contained in:
thinkinggis 2020-01-08 00:17:58 +08:00
parent c3c22921a2
commit f9e06a63e3
9 changed files with 46 additions and 37 deletions

View File

@ -2,11 +2,13 @@
title: ImageLayer
order: 5
---
## 简介
将图片添加到地图上,需要指定图片的经纬度范围
## 使用
```javascript
import { ImageLayer } from '@antv/l7';
```

View File

@ -2,9 +2,11 @@
title: 图片图层
order: 5
---
## 简介
将图片添加到地图上,需要指定图片的经纬度范围
## 使用
```javascript

View File

@ -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);
```
## 构造函数

View File

@ -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);
```
## 构造函数

View File

@ -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 的长度要相同

View File

@ -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 的长度要相同

View File

@ -3,7 +3,7 @@ title: Raster
order: 5
---
Raster图层主要实现栅格数据的可视化栅格数据主要来源是卫星遥感数据如数字高程图植被分布图夜光图。
Raster 图层主要实现栅格数据的可视化,栅格数据主要来源是卫星遥感数据,如数字高程图,植被分布图,夜光图。
## parser

View File

@ -3,7 +3,7 @@ title: 栅格
order: 5
---
Raster图层主要实现栅格数据的可视化栅格数据主要来源是卫星遥感数据如数字高程图植被分布图夜光图。
Raster 图层主要实现栅格数据的可视化,栅格数据主要来源是卫星遥感数据,如数字高程图,植被分布图,夜光图。
## parser

View File

@ -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
生成六边形网格布局,根据数据字段统计