@panzhiyue/leaflet.radar v1.0.1

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)

方法

setOptions(options)

修改动画参数