From a07caf5b0671c4cf16811445c7ad8bec14adbcaf Mon Sep 17 00:00:00 2001
From: j <j@mailb.org>
Date: Sat, 3 Sep 2022 18:27:35 +0200
Subject: [PATCH] update mapbox api

---
 static/index.html | 4 ++--
 static/js/app.js  | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/static/index.html b/static/index.html
index 892fd39..153a7b3 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/v2.2.2/mapbox.js" type="text/javascript"></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/v2.2.2/mapbox.css" />
+        <link rel="stylesheet" type="text/css" href="https://api.mapbox.com/mapbox.js/v3.3.1/mapbox.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 4d782bd..0ab2aa4 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -164,8 +164,9 @@ window.app = (function() {
         if (!marker) {
             if (!map) {
                 L.mapbox.accessToken = config.mapboxAccessToken;
-                map = L.mapbox.map('map', 'mapbox.streets')
-                    .setView(coords, zoomLevel);
+                map = L.mapbox.map('map')
+                    .setView(coords, zoomLevel)
+                    .addLayer(L.mapbox.styleLayer('mapbox://styles/mapbox/streets-v11'));
             }
             marker = L.marker(coords, options)
                 .bindPopup(options.title)