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