FanLayer

展示点数据的雷达效果图,继承自Layer

基于Threejs实现,使用前需要额外引入mapvgl.threelayers

1
2
3
<script src="https://unpkg.com/mapvgl/dist/mapvgl.threelayers.min.js"></script>
or
<script src="https://code.bdstatic.com/npm/mapvgl@1.0.0-beta.188/dist/mapvgl.threelayers.min.js"></script>

示例

动手试试

1
2
3
4
5
6
7
8
9
10
var layer = new mapvgl.FanLayer({
color: 'rgba(50, 50, 200, 1)',
radius: 100,
data: [{
geometry: {
type: 'Point',
coordinates: [116.392394, 39.910683]
}
}]
});

options属性

color

解释:雷达颜色,同css颜色

类型:string

默认值:’rgba(255, 5, 5, 1)’

size

解释:雷达大小

类型:Number

默认值:50

step

解释:雷达扫描动画的步长,步长越大动画速度越快

类型:Number

默认值:0.1

data内容

数据格式内容

1
2
3
4
5
6
[{
geometry: {
type: 'Point',
coordinates: [116.392394, 39.910683]
}
}]