Convenience zoom level card display

Author: helitopia

src/media/experimental_assets/_ug-interactive_map_config.js

@@ -51,6 +51,9 @@ function getMapConfig() {
         stroke: configObj.commonColors.border,
         strokeWidth: 1
       }
+    },
+    onViewportChange(zoomLevel) {
+      document.querySelector("body .zoom").textContent = zoomLevel;
     }
   };
   return configObj;

src/note_models/templates/Country - Map [Experimental].html

@@ -19,6 +19,7 @@
       }
     }));
 </script>
+<div class="zoom">0</div>
 <div class="value value--top">{{Country}}</div>
 <hr>
 
@@ -46,6 +47,7 @@
 
 --
 
+<div class="zoom">0</div>
 <div class="value value--top">{{Country}}</div>
 {{#Country info}}<div class="info">{{Country info}}</div>{{/Country info}}