refactor(Layers): Add default maxzoom and minzoom values for layer components

Author: danhnguyen

libs/components/CircleLayer.vue

@@ -138,8 +138,8 @@ const {
   style: mergedStyle.value,
   filter: props.filter || ['all'],
   id: props.id,
-  maxzoom: props.maxzoom,
-  minzoom: props.minzoom,
+  maxzoom: props.maxzoom || 22,
+  minzoom: props.minzoom || 1,
   metadata: props.metadata,
   sourceLayer: props.sourceLayer,
   register: handleRegister,

libs/components/FillLayer.vue

@@ -132,8 +132,8 @@ const {
   style: mergedStyle.value,
   filter: props.filter || ['all'],
   id: props.id,
-  maxzoom: props.maxzoom,
-  minzoom: props.minzoom,
+  maxzoom: props.maxzoom || 22,
+  minzoom: props.minzoom || 1,
   metadata: props.metadata,
   sourceLayer: props.sourceLayer,
   register: handleRegister,

libs/components/LineLayer.vue

@@ -133,8 +133,8 @@ const {
   style: mergedStyle.value,
   filter: props.filter || ['all'],
   id: props.id,
-  maxzoom: props.maxzoom,
-  minzoom: props.minzoom,
+  maxzoom: props.maxzoom || 22,
+  minzoom: props.minzoom || 1,
   metadata: props.metadata,
   sourceLayer: props.sourceLayer,
   register: handleRegister,

libs/components/SymbolLayer.vue

@@ -133,8 +133,8 @@ const {
   style: mergedStyle.value,
   filter: props.filter || ['all'],
   id: props.id,
-  maxzoom: props.maxzoom,
-  minzoom: props.minzoom,
+  maxzoom: props.maxzoom || 22,
+  minzoom: props.minzoom || 1,
   metadata: props.metadata,
   sourceLayer: props.sourceLayer,
   register: handleRegister,