@panzhiyue/leaflet.radar

Leaflet.Radar

用于显示雷达扫描动画的leaflet插件。在线示例

npm下载

npm i @panzhiyue/leaflet.radar

使用

import {Radar,radar} from "@panzhiyue/leaflet.radar"

示例

        var map = L.map('map').setView([0, 0], 6);
        var tiles = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
            attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
            preferCanvas: true
        }).addTo(map);

        // 创建图层
        var layer = L.radar({
            radius: 1,
            center: [0, 0],
            period: 5,
            startAngle: 0,
            loop: true,
            centerStyle: {
                fillColor: 'blue',
                opacity: 0
            },
            circleStyle: {
                fillColor: "blue",
                fillOpacity: 0.1,
                color: "blue",
                opacity: 1
            },
            arcStyle: {
                fillColor: "blue",
                fillOpacity: 0.05,
                opacity: 0
            }
        }).addTo(map);

        layer.start();

效果图

构造函数

new Radar(options)

名称	类型	描述
radius	number	半径(矢量数据单位)
center	number[]	中心点([lat,lng])
period	number	动画周期，单位s
startAngle	number	开始角度
loop	boolean	动画是否循环
centerStyle	object	中心点样式
circleStyle	object	大圆样式
arcStyle	object	圆弧样式

方法

setOptions(options)

修改动画参数