From 60aadcb76d0af15338f184ace1ec9a053e9ff342 Mon Sep 17 00:00:00 2001
From: j <j@mailb.org>
Date: Sat, 3 Sep 2022 19:00:09 +0200
Subject: [PATCH] use openstreetmap

---
 static/css/app.css | 1 +
 static/index.html  | 6 +++---
 static/js/app.js   | 8 +++++---
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/static/css/app.css b/static/css/app.css
index 34aea88..df20315 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -8,6 +8,7 @@
 #users {
     position: absolute;
     right: 8px;
+    z-index: 1000;
 }
 .person {
     border: 2px solid rgb(255, 255, 255);
diff --git a/static/index.html b/static/index.html
index 153a7b3..3916a08 100644
--- a/static/index.html
+++ b/static/index.html
@@ -4,9 +4,9 @@
         <title></title>
         <meta charset="UTF-8"/>
         <script>var config = {};</script>
-        <script src="https://api.mapbox.com/mapbox.js/v3.3.1/mapbox.js" type="text/javascript"></script>
-        <script src="/static/js/app.js?0" type="text/javascript"></script>
-        <link rel="stylesheet" type="text/css" href="https://api.mapbox.com/mapbox.js/v3.3.1/mapbox.css" />
+        <script src="/static/js/leaflet.js"></script>
+        <script src="/static/js/app.js?0"></script>
+        <link rel="stylesheet" type="text/css" href="/static/css/leaflet.css" />
         <link rel="stylesheet" type="text/css" href="/static/css/app.css" />
         <meta name="google" value="notranslate"/>
     </head>
diff --git a/static/js/app.js b/static/js/app.js
index 0ab2aa4..f7e513f 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -163,10 +163,12 @@ window.app = (function() {
         };
         if (!marker) {
             if (!map) {
-                L.mapbox.accessToken = config.mapboxAccessToken;
-                map = L.mapbox.map('map')
+                map = L.map('map')
                     .setView(coords, zoomLevel)
-                    .addLayer(L.mapbox.styleLayer('mapbox://styles/mapbox/streets-v11'));
+                L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
+                    maxZoom: 19,
+                    attribution: '© OpenStreetMap'
+                }).addTo(map)
             }
             marker = L.marker(coords, options)
                 .bindPopup(options.title)