feat: add dash-leaflet, search bar and Carto API key fix

.gitignore

@@ -12,6 +12,9 @@ cloud-run-key-file.json
 file_system_store
 .DS_Store
 
+# Generated at runtime by dash_extensions.javascript.assign() — do not commit
+assets/dashExtensions_default.js
+
 # Created by .ignore support plugin (hsz.mobi)
 ### VisualStudioCode template
 .vscode/*

Pipfile

@@ -17,6 +17,7 @@ numpy = "==1.26.3"
 dash-iconify = "*"
 scipy = "==1.12.0"
 kgcpy = "*"
+dash-leaflet = "*"
 
 [dev-packages]
 cleanpy = "*"

app.py

@@ -1,5 +1,6 @@
 import dash_bootstrap_components as dbc
 from dash_extensions.enrich import DashProxy, ServersideOutputTransform
+from flask import send_file
 
 app = DashProxy(
     __name__,
@@ -10,6 +11,24 @@
 )
 TIMEOUT = 600
 
+
+@app.server.route("/geojson/locations")
+def serve_locations_geojson():
+    return (
+        send_file(
+            "assets/data/locations.geojson.gz",
+            mimetype="application/json",
+            as_attachment=False,
+            download_name="locations.geojson",
+            conditional=True,
+        ),
+        {
+            "Content-Encoding": "gzip",
+            "Cache-Control": "public, max-age=31536000, immutable",
+        },
+    )
+
+
 app.index_string = """<!DOCTYPE html>
 <html lang="en-US">
 <head>

assets/cluster.css

@@ -0,0 +1,18 @@
+.marker-cluster-small {
+  background-color: rgba(248, 249, 250, 0.6);
+}
+.marker-cluster-medium {
+  background-color: rgba(172, 227, 251, 0.6);
+}
+.marker-cluster-large {
+  background-color: rgba(35, 139, 230, 0.6);
+}
+.marker-cluster-small div {
+  background-color: rgba(240, 247, 249, 0.8);
+}
+.marker-cluster-medium div {
+  background-color: rgba(172, 227, 251, 0.8);
+}
+.marker-cluster-large div {
+  background-color: rgba(35, 139, 230, 0.8);
+}