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]
    }
}]