Allow layers to opt-out from legend by setting `legend: null`.

1 files changed, 7 insertions, 4 deletions

diff --git a/main.js b/main.js
index f4b7bbf..30a1d9c 100644
--- a/main.js
+++ b/main.js
@@ -3305,8 +3305,11 @@ const layerHierarchy = [
             console.log(`Could not find symbol for layer ${layer}, skipping`);
             return;
           }
-          const legend = LAYERS[layerGroup][layerName]?.legend ?? {};
-          if (canvas == null || !legend.reuse_canvas) {
+          const legend = LAYERS[layerGroup][layerName]?.legend;
+          if (legend === null) {
+            return; /* layer has opted out from legend */
+          }
+          if (canvas == null || !legend?.reuse_canvas) {
             canvas = document.createElement('canvas');
             div.appendChild(canvas);
             render = toContext(canvas.getContext('2d'),
@@ -3324,9 +3327,9 @@ const layerHierarchy = [
           else if (mapLayers[layerGroup].getSource() instanceof VectorTile) {
             /* vector source */
             const style = Array.isArray(LAYERS[layerGroup][layerName].style) ?
-              LAYERS[layerGroup][layerName].style[legend.zoomLevel ?? 5] :
+              LAYERS[layerGroup][layerName].style[legend?.zoomLevel ?? 5] :
               LAYERS[layerGroup][layerName].style;
-            const legend_type = legend.type ?? 'polygon';
+            const legend_type = legend?.type ?? 'polygon';
             if (legend_type === 'point' && style.getImage(1) instanceof Icon && style.getImage(1).getSrc()) {
               /* use a new <img> element since .setStyle() returns the same one and doesn't work in that case */
               const div2 = document.createElement('div');