names not shown by default

Author: amandasaurus

docs/index.html

@@ -472,12 +472,12 @@ <h2 class="fs-5">Frames</h2>
             <div class="shadow p-3 mb-3 bg-body-tertiary rounded"
                 x-data="{show_names: true}"
                 x-init="let hsh = new URLSearchParams((location.hash ?? '#').substr(1));
-                        show_names = (hsh.get('names') ?? 'yes') == 'yes';
+                        show_names = (hsh.get('names') ?? 'no') == 'yes';
                         console.log(show_names);
                         $watch('show_names', show_names => {
                           let params = new URLSearchParams((location.hash ?? '#').substr(1));
-                          if (!show_names) {
-                            params.set('names', 'no');
+                          if (show_names) {
+                            params.set('names', 'yes');
                           } else {
                             params.delete('names');
                           }

docs/js/mapstyle.js

@@ -198,6 +198,7 @@ var mapstyle_layers = [
       "text-halo-blur": 1,
     },
     layout: {
+      "visibility": "none",
       "text-font": ["Noto Sans Regular"],
       "text-field": ["get", "name"],
 

docs/js/setup.js

@@ -132,7 +132,7 @@ document.addEventListener("alpine:init", async () => {
     let show_frames = (params.get("frames") ?? "no") == "yes";
     map.getLayer('waterway-frames-line').setLayoutProperty('visibility', (show_frames?'visible':'none'));
 
-    let show_names = (params.get("names") ?? "yes") == "yes";
+    let show_names = (params.get("names") ?? "no") == "yes";
     map.getLayer('water_lines_labels').setLayoutProperty('visibility', (show_names?'visible':'none'));
 
   });