Added minZoom and maxZoom options

demo/index.ts

@@ -27,6 +27,8 @@ async function start() {
             color: '#FFF3F3',
         },
         groundCoveringColor: 'rgba(0, 0, 0, 0.8)',
+        minZoom: 15,
+        maxZoom: 20,
     });
 
     (window as any).gltfPlugin = plugin;

src/defaultOptions.ts

@@ -17,4 +17,6 @@ export const defaultOptions: Required<PluginOptions> = {
     },
     groundCoveringColor: '#F8F8EBCC',
     zIndex: 0,
+    minZoom: -Infinity,
+    maxZoom: Infinity,
 };

src/labelGroups.ts

@@ -55,8 +55,8 @@ export class LabelGroups {
                 text,
                 userData,
                 image: image === 'default' ? labelGroupDefaults.image ?? DEFAULT_IMAGE : image,
-                minZoom,
-                maxZoom,
+                minZoom: minZoom ?? this.options.minZoom,
+                maxZoom: maxZoom ?? this.options.maxZoom,
                 color: fontColor ?? labelGroupDefaults.fontColor ?? DEFAULT_FONT_COLOR,
                 fontSize: fontSize ?? labelGroupDefaults.fontSize ?? DEFAULT_FONT_SIZE,
                 relativeAnchor: [0.5, 1],

src/plugin.ts

@@ -156,6 +156,8 @@ export class GltfPlugin extends Evented<GltfPluginEventTable> {
                     },
                     disableAnimation: true,
                     zIndex: this.options.zIndex,
+                    minZoom: options.minZoom ?? this.options.minZoom,
+                    maxZoom: options.maxZoom ?? this.options.maxZoom,
                 });
 
                 const model: Model = {

src/types/plugin.ts

@@ -86,6 +86,9 @@ export interface PluginOptions {
      * on the map so that user could manage draw order of the plugin and these objects.
      */
     zIndex?: number;
+
+    minZoom?: number;
+    maxZoom?: number;
 }
 
 /**
@@ -159,6 +162,9 @@ export interface ModelOptions {
      * Interactivity of a model. The model isn't interactive by default.
      */
     interactive?: boolean;
+
+    minZoom?: number;
+    maxZoom?: number;
 }
 
 /**

src/utils/realtyScene.ts

@@ -14,6 +14,8 @@ export function getBuildingModelOptions(building: BuildingOptionsInternal): Mode
         scale: building.scale,
         linkedIds: building.linkedIds,
         interactive: building.interactive,
+        minZoom: building.minZoom,
+        maxZoom: building.maxZoom,
     };
 }
 
@@ -35,6 +37,8 @@ export function getFloorModelOptions({
         scale: buildingOptions.scale,
         linkedIds: buildingOptions.linkedIds,
         interactive: buildingOptions.interactive,
+        minZoom: buildingOptions.minZoom,
+        maxZoom: buildingOptions.maxZoom,
     };
 }