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)

修改动画参数