mirror of https://gitee.com/antv-l7/antv-l7
fix: fix docs js SyntaxError
This commit is contained in:
parent
f5c6f74ab7
commit
5392e26905
|
@ -5,8 +5,8 @@ const scene = new Scene({
|
|||
pitch: 0,
|
||||
type: 'amap',
|
||||
style: 'light',
|
||||
center: [121.2680, 30.3628],
|
||||
zoom: 13,
|
||||
center: [ 121.2680, 30.3628 ],
|
||||
zoom: 13
|
||||
});
|
||||
|
||||
const layer = new ImageLayer({});
|
||||
|
@ -15,11 +15,11 @@ layer.source(
|
|||
{
|
||||
parser: {
|
||||
type: 'image',
|
||||
extent: [121.168, 30.2828, 121.384, 30.4219],
|
||||
},
|
||||
},
|
||||
extent: [ 121.168, 30.2828, 121.384, 30.4219 ]
|
||||
}
|
||||
}
|
||||
);
|
||||
scene.on('loaded',()=>{
|
||||
scene.on('loaded', () => {
|
||||
scene.addLayer(layer);
|
||||
})
|
||||
});
|
||||
|
||||
|
|
|
@ -40,8 +40,8 @@ layer.source(data, {
|
|||
field:'v',
|
||||
method:'sum'
|
||||
}
|
||||
],
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
```
|
||||
## shape
|
||||
|
@ -105,7 +105,7 @@ layer.size('value', (value)=>{}) // 回调函数设置高度
|
|||
coverage: 0.9,
|
||||
angle: 0,
|
||||
opacity: 1.0
|
||||
})
|
||||
});
|
||||
|
||||
```
|
||||
|
||||
|
|
|
@ -38,8 +38,8 @@ layer.source(data, {
|
|||
field:'v',
|
||||
method:'sum'
|
||||
}
|
||||
],
|
||||
}
|
||||
]
|
||||
})
|
||||
|
||||
```
|
||||
## shape
|
||||
|
|
|
@ -35,8 +35,8 @@ layer.source(data, {
|
|||
field:'v',
|
||||
method:'sum'
|
||||
}
|
||||
],
|
||||
}
|
||||
]
|
||||
})
|
||||
|
||||
```
|
||||
## shape
|
||||
|
@ -99,7 +99,7 @@ layer.size('value', (value)=>{}) // 回调函数设置高度
|
|||
coverage: 0.9,
|
||||
angle: 0,
|
||||
opacity: 1.0
|
||||
})
|
||||
});
|
||||
|
||||
```
|
||||
|
||||
|
|
|
@ -40,8 +40,8 @@ layer.source(data, {
|
|||
field:'v',
|
||||
method:'sum'
|
||||
}
|
||||
],
|
||||
}
|
||||
]
|
||||
})
|
||||
|
||||
```
|
||||
## shape
|
||||
|
@ -103,8 +103,7 @@ layer.size('value', (value)=>{}) // 回调函数设置高度
|
|||
coverage: 0.9,
|
||||
angle: 0,
|
||||
opacity: 1.0
|
||||
})
|
||||
|
||||
});
|
||||
```
|
||||
|
||||
### 完整代码
|
||||
|
|
|
@ -35,19 +35,15 @@ layer.source(data, {
|
|||
### 线段弧线数据通过 CSV 加载
|
||||
|
||||
```javascript
|
||||
layer.source(
|
||||
data,
|
||||
{
|
||||
parser:{
|
||||
type:'csv',
|
||||
x:'lng1',
|
||||
y:'lat1' ,
|
||||
x1:'lng1',
|
||||
y1:'lat2' ,
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
layer.source(data, {
|
||||
parser: {
|
||||
type: 'csv',
|
||||
x: 'lng1',
|
||||
y: 'lat1',
|
||||
x1: 'lng1',
|
||||
y1: 'lat2',
|
||||
},
|
||||
});
|
||||
```
|
||||
|
||||
[CSV 线段数据 demo 示例](../../../examples/gallery/basic#arcCircle)
|
||||
|
|
|
@ -35,19 +35,15 @@ layer.source(data, {
|
|||
### 线段弧线数据通过 CSV 加载
|
||||
|
||||
```javascript
|
||||
layer.source(
|
||||
data,
|
||||
{
|
||||
parser:{
|
||||
type:'csv',
|
||||
x:'lng1',
|
||||
y:'lat1' ,
|
||||
x1:'lng1',
|
||||
y1:'lat2' ,
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
layer.source(data, {
|
||||
parser: {
|
||||
type: 'csv',
|
||||
x: 'lng1',
|
||||
y: 'lat1',
|
||||
x1: 'lng1',
|
||||
y1: 'lat2',
|
||||
},
|
||||
});
|
||||
```
|
||||
|
||||
[CSV 线段数据 demo 示例](../../../examples/gallery/basic#arcCircle)
|
||||
|
|
|
@ -125,34 +125,32 @@ layer.source(data, {
|
|||
简易解析只支持两个点组成的线段,主要再绘制弧线的时候比较常用,只需指定线段的起始点坐标
|
||||
|
||||
```javascript
|
||||
const data = [{
|
||||
lng1:112.345,
|
||||
lat1:30.455,
|
||||
lng2:112.345,
|
||||
lat2:30.455,
|
||||
value: 10
|
||||
const data = [
|
||||
{
|
||||
lng1: 112.345,
|
||||
lat1: 30.455,
|
||||
lng2: 112.345,
|
||||
lat2: 30.455,
|
||||
value: 10,
|
||||
},
|
||||
{
|
||||
lng1:114.345,
|
||||
lat1:31.455,
|
||||
lng2:112.345,
|
||||
lat2:30.455,
|
||||
value: 10
|
||||
}
|
||||
lng1: 114.345,
|
||||
lat1: 31.455,
|
||||
lng2: 112.345,
|
||||
lat2: 30.455,
|
||||
value: 10,
|
||||
},
|
||||
];
|
||||
|
||||
layer.source(
|
||||
data,
|
||||
{
|
||||
parser:{
|
||||
type:'json',
|
||||
x:'lng1',
|
||||
y:'lat1' ,
|
||||
x1:'lng1',
|
||||
y1:'lat2' ,
|
||||
}
|
||||
}
|
||||
})
|
||||
layer.source(data, {
|
||||
parser: {
|
||||
type: 'json',
|
||||
x: 'lng1',
|
||||
y: 'lat1',
|
||||
x1: 'lng1',
|
||||
y1: 'lat2',
|
||||
},
|
||||
});
|
||||
```
|
||||
|
||||
#### 通用解析
|
||||
|
@ -178,7 +176,7 @@ coordinates 包含两个坐标,
|
|||
]
|
||||
]
|
||||
}
|
||||
|
||||
];
|
||||
layer.source(
|
||||
data,
|
||||
{
|
||||
|
@ -187,7 +185,6 @@ layer.source(
|
|||
coordinates: "coord",
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
```
|
||||
|
@ -214,16 +211,12 @@ const data = {
|
|||
使用时通过 coordinates 指定
|
||||
|
||||
```javascript
|
||||
layer.source(
|
||||
data,
|
||||
{
|
||||
parser:{
|
||||
type:'json',
|
||||
coordinates:'path'
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
layer.source(data, {
|
||||
parser: {
|
||||
type: 'json',
|
||||
coordinates: 'path',
|
||||
},
|
||||
});
|
||||
```
|
||||
|
||||
### 面数据
|
||||
|
|
|
@ -127,34 +127,32 @@ layer.source(data, {
|
|||
简易解析只支持两个点组成的线段,主要再绘制弧线的时候比较常用,只需指定线段的起始点坐标
|
||||
|
||||
```javascript
|
||||
const data = [{
|
||||
lng1:112.345,
|
||||
lat1:30.455,
|
||||
lng2:112.345,
|
||||
lat2:30.455,
|
||||
value: 10
|
||||
const data = [
|
||||
{
|
||||
lng1: 112.345,
|
||||
lat1: 30.455,
|
||||
lng2: 112.345,
|
||||
lat2: 30.455,
|
||||
value: 10,
|
||||
},
|
||||
{
|
||||
lng1:114.345,
|
||||
lat1:31.455,
|
||||
lng2:112.345,
|
||||
lat2:30.455,
|
||||
value: 10
|
||||
}
|
||||
lng1: 114.345,
|
||||
lat1: 31.455,
|
||||
lng2: 112.345,
|
||||
lat2: 30.455,
|
||||
value: 10,
|
||||
},
|
||||
];
|
||||
|
||||
layer.source(
|
||||
data,
|
||||
{
|
||||
parser:{
|
||||
type:'json',
|
||||
x:'lng1',
|
||||
y:'lat1' ,
|
||||
x1:'lng1',
|
||||
y1:'lat2' ,
|
||||
}
|
||||
}
|
||||
})
|
||||
layer.source(data, {
|
||||
parser: {
|
||||
type: 'json',
|
||||
x: 'lng1',
|
||||
y: 'lat1',
|
||||
x1: 'lng1',
|
||||
y1: 'lat2',
|
||||
},
|
||||
});
|
||||
```
|
||||
|
||||
#### 通用解析
|
||||
|
@ -180,7 +178,7 @@ coordinates 包含两个坐标,
|
|||
]
|
||||
]
|
||||
}
|
||||
|
||||
];
|
||||
layer.source(
|
||||
data,
|
||||
{
|
||||
|
@ -188,7 +186,6 @@ layer.source(
|
|||
type:'json',
|
||||
coordinates: "coord",
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
```
|
||||
|
@ -215,16 +212,12 @@ const data = {
|
|||
使用时通过 coordinates 指定
|
||||
|
||||
```javascript
|
||||
layer.source(
|
||||
data,
|
||||
{
|
||||
parser:{
|
||||
type:'json',
|
||||
coordinates:'path'
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
layer.source(data, {
|
||||
parser: {
|
||||
type: 'json',
|
||||
coordinates: 'path',
|
||||
},
|
||||
});
|
||||
```
|
||||
|
||||
### 面数据
|
||||
|
|
|
@ -85,16 +85,16 @@ tranforms 处理的是的标准化之后的数据
|
|||
|
||||
处理完之后返回的也是标准数据
|
||||
|
||||
```javascript
|
||||
[{
|
||||
coordinates: [[]] // 地理坐标字段
|
||||
_id:'',// 标准化之后新增字段
|
||||
name:''
|
||||
value:''
|
||||
// ....
|
||||
}]
|
||||
|
||||
|
||||
```json
|
||||
[
|
||||
{
|
||||
"coordinates": [[]], // 地理坐标字段
|
||||
"_id": "122", // 标准化之后新增字段
|
||||
"name": "test",
|
||||
"value": 1
|
||||
// ....
|
||||
}
|
||||
]
|
||||
```
|
||||
|
||||
目前支持两种热力图使用的数据处理方法 grid,hexagon transform 配置项
|
||||
|
|
Loading…
Reference in New Issue