From 19f7f205f37221e5f81482e5a6224e4b4b7d1dbc Mon Sep 17 00:00:00 2001
From: "Jesse H. (JesseLikesWeather)"
 <134172009+JesseLikesWeatherakaYoshiKart@users.noreply.github.com>
Date: Sat, 4 Nov 2023 13:28:39 -0400
Subject: [PATCH] Create maps.html

---
 other-scripts/aeris-weather/maps.html | 87 +++++++++++++++++++++++++++
 1 file changed, 87 insertions(+)
 create mode 100644 other-scripts/aeris-weather/maps.html
diff --git a/other-scripts/aeris-weather/maps.html b/other-scripts/aeris-weather/maps.html
new file mode 100644
index 0000000..d7ff85b
--- /dev/null
+++ b/other-scripts/aeris-weather/maps.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title>WeatherBlox</title>
+    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
+
+    <link rel="stylesheet" href="https://cdn.aerisapi.com/wxblox/latest/aeris-wxblox.css">
+    <script defer src="https://cdn.aerisapi.com/wxblox/latest/aeris-wxblox.js"></script>
+
+</head>
+<body>
+
+    <!--// target DOM element where WeatherBlox will be rendered //-->
+    <div id="wxblox" class="aeris-wrapper"></div>
+
+    <script>
+    window.onload = () => {
+        // set Aeris account access keys
+        const aeris = new AerisWeather('DZLMGEFxCvfbQRG7aSN3c', 'N63dulcmKzQTrWjIrTe2aGKmOw5AhERWWUmjHQKt');
+
+        aeris.on('ready', () => {
+
+            // create desired WeatherBlox instance
+            const view = new aeris.wxblox.layouts.Maps('#wxblox', {
+                controller: {
+                    viewer: {
+                        map: {
+                            center: "minneapolis,mn",
+                            layers: {
+                                base: "flat",
+                                data: "radar",
+                                overlays: "admin"
+                            },
+                            zoom: 7,
+                            size: {
+                                factor: 0.75,
+                                autoscale: false
+                            }
+                        },
+                        animation: {
+                            enabled: true,
+                            autoplay: false,
+                            alwaysShowPast: false,
+                            alwaysShowFuture: false,
+                            duration: 2,
+                            endDelay: 1,
+                            intervals: 10
+                        },
+                        overlays: {
+                            timestamp: "MM/dd/yyyy hh:mm a"
+                        }
+                    },
+                    range: {
+                        intervals: "-24, -12, -6, -2, 0, 2, 6, 12, 24",
+                        init: {
+                            from: -2,
+                            to: 0
+                        }
+                    }
+                },
+                layers: {
+                    categories: "radar/sat, forecasts",
+                    type: "thumbs",
+                    links: true,
+                    codes: "radar, convective, admin-cities-dk, fradar"
+                },
+                init: {
+                    regions: {
+                        key: "country",
+                        value: "us"
+                    },
+                    layers: {
+                        value: "radar"
+                    }
+                }
+            });
+
+            // load data and render the view for a specific location
+            view.load();
+            
+        });
+    };
+    </script>
+
+</body>
+</html>
