p90524618
/
antv-l7
mirror of https://gitee.com/antv-l7/antv-l7
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/api/layer/imagelayer.en.md
View File

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

2
docs/api/layer/imagelayer.zh.md
View File

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

4
docs/api/layer/layer.en.md
View File

@ -12,14 +12,14 @@ L7 Layer 接口设计遵循图形语法，在可视表达上
语法示例 语法示例
```javascript ```javascript
const layer= new Layer(option) const layer = new Layer(option)
.source() .source()
.color() .color()
.size() .size()
.shape() .shape()
.style(); .style();
scene.addLayer(layer) scene.addLayer(layer);
``` ```
## 构造函数 ## 构造函数

5
docs/api/layer/layer.zh.md
View File

@ -12,15 +12,14 @@ L7 Layer 接口设计遵循图形语法，在可视表达上
语法示例 语法示例
```javascript ```javascript
const layer= new Layer(option) const layer = new Layer(option)
.source() .source()
.color() .color()
.size() .size()
.shape() .shape()
.style(); .style();
scene.addLayer(layer) scene.addLayer(layer);
``` ```
## 构造函数 ## 构造函数

27
docs/api/layer/raster_layer.en.md
View File

@ -3,9 +3,9 @@ title: Raster
order: 5 order: 5
--- ---
Raster图层主要实现栅格数据的可视化，栅格数据主要来源是卫星遥感数据，如数字高程图，植被分布图，夜光图。 Raster 图层主要实现栅格数据的可视化，栅格数据主要来源是卫星遥感数据，如数字高程图，植被分布图，夜光图。
L7 本身内部没有提供栅格数据格式 如 tiff,需要外部解析好做为Source 传入。 L7 本身内部没有提供栅格数据格式 如 tiff,需要外部解析好做为 Source 传入。
## 使用 ## 使用
@ -15,27 +15,30 @@ import { RasterLayer } from '@antv/l7';
## source ## source
见 [raster source](../source/raster) 见 [raster source](../source/raster)
## shape ## shape
```raster``` `raster`
## size ## size
无 无
## color ## color
无 无
## style ## style
- clampLow Boolean 默认 false, 设置为true，低于domain的数据将不显示 - clampLow Boolean 默认 false, 设置为 true，低于 domain 的数据将不显示
- clampHigh Boolean 默认 false, 设置为true，高于domain的数据将不显示 - clampHigh Boolean 默认 false, 设置为 true，高于 domain 的数据将不显示
- opacity: 0.8 Number 透明度 - opacity: 0.8 Number 透明度
- domain: [ 0, 8000 ] 数据映射区间 - domain: [ 0, 8000 ] 数据映射区间
- noDataValue Number noDataValue 不会显示 - noDataValue Number noDataValue 不会显示
- rampColors: { - rampColors: {
colors: [ '#FF4818', '#F7B74A', '#FFF598', '#91EABC', '#2EA9A1', '#206C7C' ].reverse(), colors: [ '#FF4818', '#F7B74A', '#FFF598', '#91EABC', '#2EA9A1', '#206C7C' ].reverse(),
positions: [ 0, 0.2, 0.4, 0.6, 0.8, 1.0 ] positions: [ 0, 0.2, 0.4, 0.6, 0.8, 1.0 ]
} // 色带 } // 色带
:warning: color, position 的长度要相同 :warning: color, position 的长度要相同

28
docs/api/layer/raster_layer.zh.md
View File

@ -3,9 +3,10 @@ title: 栅格图层
order: 5 order: 5
--- ---
Raster图层主要实现栅格数据的可视化，栅格数据主要来源是卫星遥感数据，如数字高程图，植被分布图，夜光图。 Raster 图层主要实现栅格数据的可视化，栅格数据主要来源是卫星遥感数据，如数字高程图，植被分布图，夜光图。
L7 本身内部没有提供栅格数据格式 如 tiff,需要外部解析好做为 Source 传入。
L7 本身内部没有提供栅格数据格式 如 tiff,需要外部解析好做为Source 传入。
## 使用 ## 使用
```javascript ```javascript
@ -14,27 +15,30 @@ import { RasterLayer } from '@antv/l7';
## source ## source
见 [raster source](../source/raster) 见 [raster source](../source/raster)
## shape ## shape
```raster``` `raster`
## size ## size
无 无
## color ## color
无 无
## style ## style
- clampLow Boolean 默认 false, 设置为true，低于domain的数据将不显示 - clampLow Boolean 默认 false, 设置为 true，低于 domain 的数据将不显示
- clampHigh Boolean 默认 false, 设置为true，高于domain的数据将不显示 - clampHigh Boolean 默认 false, 设置为 true，高于 domain 的数据将不显示
- opacity: 0.8 Number 透明度 - opacity: 0.8 Number 透明度
- domain: [ 0, 8000 ] 数据映射区间 - domain: [ 0, 8000 ] 数据映射区间
- noDataValue Number noDataValue 不会显示 - noDataValue Number noDataValue 不会显示
- rampColors: { - rampColors: {
colors: [ '#FF4818', '#F7B74A', '#FFF598', '#91EABC', '#2EA9A1', '#206C7C' ].reverse(), colors: [ '#FF4818', '#F7B74A', '#FFF598', '#91EABC', '#2EA9A1', '#206C7C' ].reverse(),
positions: [ 0, 0.2, 0.4, 0.6, 0.8, 1.0 ] positions: [ 0, 0.2, 0.4, 0.6, 0.8, 1.0 ]
} // 色带 } // 色带
:warning: color, position 的长度要相同 :warning: color, position 的长度要相同

2
docs/api/source/raster.en.md
View File

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

2
docs/api/source/raster.zh.md
View File

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

11
docs/api/source/source.zh.md
View File

@ -80,12 +80,12 @@ layer.setData(data);
### transforms ### transforms
tranforms 处理的是的标准化之后的数据 tranforms 处理的是的标准化之后的数据
标准化之后的数据结构包括 coordinates 地理坐标字段，以及其他属性字段。 标准化之后的数据结构包括 coordinates 地理坐标字段，以及其他属性字段。
处理完之后返回的也是标准数据 处理完之后返回的也是标准数据
``` javascript ```javascript
[{ [{
coordinates: [[]] // 地理坐标字段 coordinates: [[]] // 地理坐标字段
_id:'',// 标准化之后新增字段 _id:'',// 标准化之后新增字段
@ -112,7 +112,6 @@ layer.setData(data);
- method:聚合方法   count,max,min,sum,mean5 个统计维度 - method:聚合方法   count,max,min,sum,mean5 个统计维度
```javascript ```javascript
layer.source(data, { layer.source(data, {
transforms: [ transforms: [
{ {
@ -123,8 +122,8 @@ layer.source(data, {
}, },
], ],
}); });
``` ```
#### hexagon #### hexagon
生成六边形网格布局，根据数据字段统计 生成六边形网格布局，根据数据字段统计