Added plz map

2022-08-28 19:42:57 +02:00
parent 98523f60c7
commit ad245ee780
4 changed files with 59 additions and 0 deletions
--- a/map/README.md
+++ b/map/README.md
@@ -0,0 +1,5 @@
+# PLZ Karte Deutschland
+
+_tbd_
+
+[Link](https://checksch.de/pa-pyscript/map/map.html)
--- a/map/data.json
+++ b/map/data.json
--- a/map/map.html
+++ b/map/map.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/x-icon" href="../assets/favicon.png" />
+    <link rel="stylesheet" href="../assets/pyscript.css" />
+    <script defer src="../assets/pyscript.js"></script>
+    <title>PLZ Karte Deutschland</title>
+    <!-- prettier-ignore -->
+    <py-env>        
+      - folium
+      - pandas
+    </py-env>
+  </head>
+  <body>
+    <div id="folium" style="width: 100%; height: 100%"></div>
+    <py-script output="folium" src="script.py"></py-script>
+  </body>
+</html>
--- a/map/script.py
+++ b/map/script.py
@@ -0,0 +1,32 @@
+import pandas as pd
+import folium
+import json
+import random
+from pyodide.http import open_url
+
+data = "./data.json"
+geo_json = json.loads(open_url(data).read())
+
+m = folium.Map(location=[50.4, 9.6], zoom_start=6)
+
+
+def style(x):
+    match (x["properties"]["plz"]):
+        case "0": return {"color": "yellow"}
+        case "1": return {"color": "orange"}
+        case "2": return {"color": "tomato"}
+        case "3": return {"color": "violet"}
+        case "4": return {"color": "dodgerblue"}
+        case "5": return {"color": "blue"}
+        case "6": return {"color": "gold"}
+        case "7": return {"color": "green"}
+        case "8": return {"color": "mediumseagreen"}
+        case "9": return {"color": "slateblue"}
+    return {"color": "black"}
+
+
+folium.GeoJson(geo_json, name="Postleitzahl", style_function=lambda x: style(x)).add_to(
+    m
+)
+
+m