Leaflet Guide

WeatherAlerts Layer

The L.ALKMaps.Layer.WeatherAlerts layer is used to overlay live weather alerts on your map. If an alert is visible within the view-port, the legend item for the alert will have border and background with the predefined color. Uncheck an alert legend item, the alert will be invisible. Inside the code, alert filters are updated and redrawing cached alerts is happened. Changing severity, urgency, or certainty options will update the filter and redrawing alerts is followed. As the result of this action, some of the alerts will be visible and the other will be invisible. "Get Alerts" button is used to get new alerts from the service. The layer and controls have been tested with leaflet version 0.7.3 and 1.2.0.

// L.ALKMaps.setApiKey("YourAPIKey");
var map;
var lon = -96, lat = 38, zoom = 4;

map = L.map('map', {
    center: [lat, lon],
    zoom: zoom
});

var baseLayer = L.ALKMaps.Layer.baseMap({
    region: "NA",
    dataset: "Current",
    style: "lightness"
});
map.addLayer(baseLayer);
// Use default configurations
var layer = L.ALKMaps.Layer.weatherAlerts().addTo(map).addAlerts();
/*
// Filter weather alerts
var layer = new L.ALKMaps.Layer.WeatherAlerts(null, {
    alertFilters: {
    urgency: "Expected",
    severity: "Moderate",
    certainty: "Likely",
    eventNames: [],
    startTime: null,
    endTime: null }
});
layer.addTo(map).addAlerts();
*/

var weatherAlertLegend = L.ALKMaps.Control.weatherAlertLegend({
    position: 'bottomleft', 
    // Other parameters
  layer:layer
});
map.addControl(weatherAlertLegend);

var weatherAlertOption = L.ALKMaps.Control.weatherAlertOption({
  position: 'bottomright',
  layer:layer
});
map.addControl(weatherAlertOption);

Developer Guide

Leaflet Guide

OpenLayers Guide

WeatherAlerts Layer