基于Leaflet.js的Marker闪烁特效的实现-模拟预警

// 首先，确保Leaflet.js已经被引入
 
// 创建地图并设置视图
var map = L.map('map').setView([51.5, -0.09], 13);
 
// 添加地图层
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 18,
    attribution: '© OpenStreetMap contributors'
}).addTo(map);
 
// 创建一个Marker并添加到地图上
var marker = L.marker([51.5, -0.09]).addTo(map);
 
// 定义闪烁动画函数
function blinkMarker(marker, interval) {
    setInterval(function() {
        marker.setOpacity(1 - marker.options.opacity);
    }, interval);
}
 
// 设置闪烁动画的初始状态
marker.options.opacity = 0.5; // 设置Marker的透明度
 
// 启动闪烁动画
blinkMarker(marker, 500); // 每500毫秒闪烁一次

这段代码首先创建了一个地图视图，并在视图中心添加了一个Marker。然后定义了一个blinkMarker函数，该函数通过设置Marker的透明度来实现闪烁效果。最后，通过调用blinkMarker函数并传入Marker和闪烁间隔时间，Marker开始闪烁。