@realsee/dnalogel 2.0.0-alpha.22 → 2.0.0-alpha.23

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## 2.0.0-alpha.23
+- 1.fix: 修复 PanoFloorplanRadarPlugin reload 数据时报错
+- 2.fix: 修复 PanoFloorplanRadarPlugin reload 户型图数据后雷达图标位置没有适配
+
 ## 2.0.0-alpha.22
 - 1.fix: 修复 PanoMeasurePlugin disable 状态下仍有背景色占位问题。
 

package/dist/PanoMeasurePlugin/index.js

@@ -5524,7 +5524,7 @@ class MeasureController {
     }
 }
 
-const PanoMeasurePlugin = function MeasurePlugin(five, params) {
+const PanoMeasurePlugin = function PanoMeasurePlugin(five, params) {
     return new MeasureController(five, params);
 };
 

package/dist/floorplan/PanoFloorplanRadarPlugin/Controller.d.ts

@@ -14,8 +14,7 @@ export default class PanoFloorplanRadarPluginController {
     private wrapperSelector;
     private data?;
     private wrapper;
-    private extraObjects?;
-    private originExtraObjects?;
+    private extraObjects;
     private configs;
     constructor(five: Five, params?: PanoFloorplanRadarPluginControllerParameter);
     dispose: () => void;

package/dist/floorplan/PanoFloorplanRadarPlugin/index.js

@@ -75,58 +75,54 @@ function create_fragment$8(ctx) {
 	};
 }
 
+function getCameraRotateTransform(longitude) {
+	// 为什么要加 45 ==> 因为 UI 给的图初始角度是 -45
+	const rotate = Math.floor(longitude / Math.PI * 180) * -1 + 45;
+
+	return `rotate(${rotate}deg)`;
+}
+
 function instance$8($$self, $$props, $$invalidate) {
+	let positionTransform;
+	let rotateTransform;
 	let { five } = $$props;
 	let { pxmm } = $$props;
 	let { floorplanData } = $$props;
 	let { cameraImageUrl } = $$props;
+	let panoIndex = five.getCurrentState().panoIndex;
+	let longitude = five.getCurrentState().longitude;
 
 	/** 获取相机在当前 Five 状态下的位移 */
-	function getCameraPositionTransform(panoIndex) {
-		const observer = floorplanData.observers[panoIndex];
+	function getCameraPositionTransform(floorplanData, panoIndex) {
 		const bounding = floorplanData.bounding;
+		const floorplanObserver = floorplanData.observers[panoIndex];
+		if (!floorplanObserver) return '';
 		const clientWidth = (bounding.max.x - bounding.min.x) * pxmm;
 		const clientHeight = (bounding.max.y - bounding.min.y) * pxmm;
-		if (!observer) return '';
-		const left = Math.floor(observer.positionInImage.x * clientWidth);
-		const top = Math.floor(observer.positionInImage.y * clientHeight);
+		const left = Math.floor(floorplanObserver.positionInImage.x * clientWidth);
+		const top = Math.floor(floorplanObserver.positionInImage.y * clientHeight);
 		return `translate(${left}px, ${top}px)`;
 	}
 
-	/** 获取相机在当前 Five 状态下的旋转 */
-	function getCameraRotationTransform() {
-		const { longitude } = five.getCurrentState();
-
-		// 为什么要加 45 ==> 因为 UI 给的图初始角度是 -45
-		const rotate = Math.floor(longitude / Math.PI * 180) * -1 + 45;
-
-		return `rotate(${rotate}deg)`;
+	function onFivePanoWillArrive(_panoIndex) {
+		$$invalidate(6, panoIndex = _panoIndex);
 	}
 
-	const changePosition = panoIndex => {
-		$$invalidate(2, positionTransform = getCameraPositionTransform(panoIndex));
-	};
-
-	const changeRotate = throttle(
-		() => {
-			$$invalidate(1, rotateTransform = getCameraRotationTransform());
+	const onFiveCameraDirectionUpdate = throttle(
+		pose => {
+			$$invalidate(7, longitude = pose.longitude);
 		},
 		1000 / 60
 	);
 
-	// 初始状态，不能等 mount 之后再计算，那样第一次 camera 展示的时候也会有动画
-	let rotateTransform = getCameraRotationTransform();
-
-	let positionTransform = getCameraPositionTransform(five.getCurrentState().panoIndex);
-
 	svelte.onMount(() => {
-		five.on('panoWillArrive', changePosition);
-		five.on('cameraDirectionUpdate', changeRotate);
+		five.on('panoWillArrive', onFivePanoWillArrive);
+		five.on('cameraDirectionUpdate', onFiveCameraDirectionUpdate);
 	});
 
 	svelte.onDestroy(() => {
-		five.off('panoWillArrive', changePosition);
-		five.off('cameraDirectionUpdate', changeRotate);
+		five.off('panoWillArrive', onFivePanoWillArrive);
+		five.off('cameraDirectionUpdate', onFiveCameraDirectionUpdate);
 	});
 
 	$$self.$$set = $$props => {
@@ -136,7 +132,27 @@ function instance$8($$self, $$props, $$invalidate) {
 		if ('cameraImageUrl' in $$props) $$invalidate(0, cameraImageUrl = $$props.cameraImageUrl);
 	};
 
-	return [cameraImageUrl, rotateTransform, positionTransform, five, pxmm, floorplanData];
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*floorplanData, panoIndex*/ 96) {
+			// 初始状态，不能等 mount 之后再计算，那样第一次 camera 展示的时候也会有动画
+			$$invalidate(2, positionTransform = getCameraPositionTransform(floorplanData, panoIndex));
+		}
+
+		if ($$self.$$.dirty & /*longitude*/ 128) {
+			$$invalidate(1, rotateTransform = getCameraRotateTransform(longitude));
+		}
+	};
+
+	return [
+		cameraImageUrl,
+		rotateTransform,
+		positionTransform,
+		five,
+		pxmm,
+		floorplanData,
+		panoIndex,
+		longitude
+	];
 }
 
 class Camera extends internal.SvelteComponent {
@@ -1531,13 +1547,7 @@ class PanoFloorplanRadarPluginController {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "originExtraObjects", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
+            value: []
         });
         Object.defineProperty(this, "configs", {
             enumerable: true,
@@ -1598,7 +1608,6 @@ class PanoFloorplanRadarPluginController {
         this.render();
     }
     setExtraObjectsWith3DPositions(data) {
-        this.originExtraObjects = data;
         if (!this.data)
             return;
         this.extraObjects = formatExtraObjects(data, this.five, this.data);
@@ -1613,9 +1622,6 @@ class PanoFloorplanRadarPluginController {
         }
         if (!this.data || !this.wrapper)
             return;
-        if (!this.extraObjects && this.originExtraObjects) {
-            this.extraObjects = formatExtraObjects(this.originExtraObjects, this.five, this.data);
-        }
         const props = {
             five: this.five,
             floorplanData: this.data,

package/dist/index.es.js

@@ -4675,58 +4675,54 @@ function create_fragment$7(ctx) {
 	};
 }
 
+function getCameraRotateTransform(longitude) {
+	// 为什么要加 45 ==> 因为 UI 给的图初始角度是 -45
+	const rotate = Math.floor(longitude / Math.PI * 180) * -1 + 45;
+
+	return `rotate(${rotate}deg)`;
+}
+
 function instance$7($$self, $$props, $$invalidate) {
+	let positionTransform;
+	let rotateTransform;
 	let { five } = $$props;
 	let { pxmm } = $$props;
 	let { floorplanData } = $$props;
 	let { cameraImageUrl } = $$props;
+	let panoIndex = five.getCurrentState().panoIndex;
+	let longitude = five.getCurrentState().longitude;
 
 	/** 获取相机在当前 Five 状态下的位移 */
-	function getCameraPositionTransform(panoIndex) {
-		const observer = floorplanData.observers[panoIndex];
+	function getCameraPositionTransform(floorplanData, panoIndex) {
 		const bounding = floorplanData.bounding;
+		const floorplanObserver = floorplanData.observers[panoIndex];
+		if (!floorplanObserver) return '';
 		const clientWidth = (bounding.max.x - bounding.min.x) * pxmm;
 		const clientHeight = (bounding.max.y - bounding.min.y) * pxmm;
-		if (!observer) return '';
-		const left = Math.floor(observer.positionInImage.x * clientWidth);
-		const top = Math.floor(observer.positionInImage.y * clientHeight);
+		const left = Math.floor(floorplanObserver.positionInImage.x * clientWidth);
+		const top = Math.floor(floorplanObserver.positionInImage.y * clientHeight);
 		return `translate(${left}px, ${top}px)`;
 	}
 
-	/** 获取相机在当前 Five 状态下的旋转 */
-	function getCameraRotationTransform() {
-		const { longitude } = five.getCurrentState();
-
-		// 为什么要加 45 ==> 因为 UI 给的图初始角度是 -45
-		const rotate = Math.floor(longitude / Math.PI * 180) * -1 + 45;
-
-		return `rotate(${rotate}deg)`;
+	function onFivePanoWillArrive(_panoIndex) {
+		$$invalidate(6, panoIndex = _panoIndex);
 	}
 
-	const changePosition = panoIndex => {
-		$$invalidate(2, positionTransform = getCameraPositionTransform(panoIndex));
-	};
-
-	const changeRotate = throttle(
-		() => {
-			$$invalidate(1, rotateTransform = getCameraRotationTransform());
+	const onFiveCameraDirectionUpdate = throttle(
+		pose => {
+			$$invalidate(7, longitude = pose.longitude);
 		},
 		1000 / 60
 	);
 
-	// 初始状态，不能等 mount 之后再计算，那样第一次 camera 展示的时候也会有动画
-	let rotateTransform = getCameraRotationTransform();
-
-	let positionTransform = getCameraPositionTransform(five.getCurrentState().panoIndex);
-
 	onMount(() => {
-		five.on('panoWillArrive', changePosition);
-		five.on('cameraDirectionUpdate', changeRotate);
+		five.on('panoWillArrive', onFivePanoWillArrive);
+		five.on('cameraDirectionUpdate', onFiveCameraDirectionUpdate);
 	});
 
 	onDestroy(() => {
-		five.off('panoWillArrive', changePosition);
-		five.off('cameraDirectionUpdate', changeRotate);
+		five.off('panoWillArrive', onFivePanoWillArrive);
+		five.off('cameraDirectionUpdate', onFiveCameraDirectionUpdate);
 	});
 
 	$$self.$$set = $$props => {
@@ -4736,7 +4732,27 @@ function instance$7($$self, $$props, $$invalidate) {
 		if ('cameraImageUrl' in $$props) $$invalidate(0, cameraImageUrl = $$props.cameraImageUrl);
 	};
 
-	return [cameraImageUrl, rotateTransform, positionTransform, five, pxmm, floorplanData];
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*floorplanData, panoIndex*/ 96) {
+			// 初始状态，不能等 mount 之后再计算，那样第一次 camera 展示的时候也会有动画
+			$$invalidate(2, positionTransform = getCameraPositionTransform(floorplanData, panoIndex));
+		}
+
+		if ($$self.$$.dirty & /*longitude*/ 128) {
+			$$invalidate(1, rotateTransform = getCameraRotateTransform(longitude));
+		}
+	};
+
+	return [
+		cameraImageUrl,
+		rotateTransform,
+		positionTransform,
+		five,
+		pxmm,
+		floorplanData,
+		panoIndex,
+		longitude
+	];
 }
 
 class Camera extends SvelteComponent {
@@ -5443,13 +5459,7 @@ class PanoFloorplanRadarPluginController {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "originExtraObjects", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
+            value: []
         });
         Object.defineProperty(this, "configs", {
             enumerable: true,
@@ -5510,7 +5520,6 @@ class PanoFloorplanRadarPluginController {
         this.render();
     }
     setExtraObjectsWith3DPositions(data) {
-        this.originExtraObjects = data;
         if (!this.data)
             return;
         this.extraObjects = formatExtraObjects(data, this.five, this.data);
@@ -5525,9 +5534,6 @@ class PanoFloorplanRadarPluginController {
         }
         if (!this.data || !this.wrapper)
             return;
-        if (!this.extraObjects && this.originExtraObjects) {
-            this.extraObjects = formatExtraObjects(this.originExtraObjects, this.five, this.data);
-        }
         const props = {
             five: this.five,
             floorplanData: this.data,
@@ -13169,7 +13175,7 @@ class MeasureController {
     }
 }
 
-const PanoMeasurePlugin = function MeasurePlugin(five, params) {
+const PanoMeasurePlugin = function PanoMeasurePlugin(five, params) {
     return new MeasureController(five, params);
 };
 

package/dist/index.js

@@ -4702,58 +4702,54 @@ function create_fragment$7(ctx) {
 	};
 }
 
+function getCameraRotateTransform(longitude) {
+	// 为什么要加 45 ==> 因为 UI 给的图初始角度是 -45
+	const rotate = Math.floor(longitude / Math.PI * 180) * -1 + 45;
+
+	return `rotate(${rotate}deg)`;
+}
+
 function instance$7($$self, $$props, $$invalidate) {
+	let positionTransform;
+	let rotateTransform;
 	let { five } = $$props;
 	let { pxmm } = $$props;
 	let { floorplanData } = $$props;
 	let { cameraImageUrl } = $$props;
+	let panoIndex = five.getCurrentState().panoIndex;
+	let longitude = five.getCurrentState().longitude;
 
 	/** 获取相机在当前 Five 状态下的位移 */
-	function getCameraPositionTransform(panoIndex) {
-		const observer = floorplanData.observers[panoIndex];
+	function getCameraPositionTransform(floorplanData, panoIndex) {
 		const bounding = floorplanData.bounding;
+		const floorplanObserver = floorplanData.observers[panoIndex];
+		if (!floorplanObserver) return '';
 		const clientWidth = (bounding.max.x - bounding.min.x) * pxmm;
 		const clientHeight = (bounding.max.y - bounding.min.y) * pxmm;
-		if (!observer) return '';
-		const left = Math.floor(observer.positionInImage.x * clientWidth);
-		const top = Math.floor(observer.positionInImage.y * clientHeight);
+		const left = Math.floor(floorplanObserver.positionInImage.x * clientWidth);
+		const top = Math.floor(floorplanObserver.positionInImage.y * clientHeight);
 		return `translate(${left}px, ${top}px)`;
 	}
 
-	/** 获取相机在当前 Five 状态下的旋转 */
-	function getCameraRotationTransform() {
-		const { longitude } = five.getCurrentState();
-
-		// 为什么要加 45 ==> 因为 UI 给的图初始角度是 -45
-		const rotate = Math.floor(longitude / Math.PI * 180) * -1 + 45;
-
-		return `rotate(${rotate}deg)`;
+	function onFivePanoWillArrive(_panoIndex) {
+		$$invalidate(6, panoIndex = _panoIndex);
 	}
 
-	const changePosition = panoIndex => {
-		$$invalidate(2, positionTransform = getCameraPositionTransform(panoIndex));
-	};
-
-	const changeRotate = throttle(
-		() => {
-			$$invalidate(1, rotateTransform = getCameraRotationTransform());
+	const onFiveCameraDirectionUpdate = throttle(
+		pose => {
+			$$invalidate(7, longitude = pose.longitude);
 		},
 		1000 / 60
 	);
 
-	// 初始状态，不能等 mount 之后再计算，那样第一次 camera 展示的时候也会有动画
-	let rotateTransform = getCameraRotationTransform();
-
-	let positionTransform = getCameraPositionTransform(five.getCurrentState().panoIndex);
-
 	svelte.onMount(() => {
-		five.on('panoWillArrive', changePosition);
-		five.on('cameraDirectionUpdate', changeRotate);
+		five.on('panoWillArrive', onFivePanoWillArrive);
+		five.on('cameraDirectionUpdate', onFiveCameraDirectionUpdate);
 	});
 
 	svelte.onDestroy(() => {
-		five.off('panoWillArrive', changePosition);
-		five.off('cameraDirectionUpdate', changeRotate);
+		five.off('panoWillArrive', onFivePanoWillArrive);
+		five.off('cameraDirectionUpdate', onFiveCameraDirectionUpdate);
 	});
 
 	$$self.$$set = $$props => {
@@ -4763,7 +4759,27 @@ function instance$7($$self, $$props, $$invalidate) {
 		if ('cameraImageUrl' in $$props) $$invalidate(0, cameraImageUrl = $$props.cameraImageUrl);
 	};
 
-	return [cameraImageUrl, rotateTransform, positionTransform, five, pxmm, floorplanData];
+	$$self.$$.update = () => {
+		if ($$self.$$.dirty & /*floorplanData, panoIndex*/ 96) {
+			// 初始状态，不能等 mount 之后再计算，那样第一次 camera 展示的时候也会有动画
+			$$invalidate(2, positionTransform = getCameraPositionTransform(floorplanData, panoIndex));
+		}
+
+		if ($$self.$$.dirty & /*longitude*/ 128) {
+			$$invalidate(1, rotateTransform = getCameraRotateTransform(longitude));
+		}
+	};
+
+	return [
+		cameraImageUrl,
+		rotateTransform,
+		positionTransform,
+		five,
+		pxmm,
+		floorplanData,
+		panoIndex,
+		longitude
+	];
 }
 
 class Camera extends internal.SvelteComponent {
@@ -5470,13 +5486,7 @@ class PanoFloorplanRadarPluginController {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "originExtraObjects", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
+            value: []
         });
         Object.defineProperty(this, "configs", {
             enumerable: true,
@@ -5537,7 +5547,6 @@ class PanoFloorplanRadarPluginController {
         this.render();
     }
     setExtraObjectsWith3DPositions(data) {
-        this.originExtraObjects = data;
         if (!this.data)
             return;
         this.extraObjects = formatExtraObjects(data, this.five, this.data);
@@ -5552,9 +5561,6 @@ class PanoFloorplanRadarPluginController {
         }
         if (!this.data || !this.wrapper)
             return;
-        if (!this.extraObjects && this.originExtraObjects) {
-            this.extraObjects = formatExtraObjects(this.originExtraObjects, this.five, this.data);
-        }
         const props = {
             five: this.five,
             floorplanData: this.data,
@@ -13196,7 +13202,7 @@ class MeasureController {
     }
 }
 
-const PanoMeasurePlugin = function MeasurePlugin(five, params) {
+const PanoMeasurePlugin = function PanoMeasurePlugin(five, params) {
     return new MeasureController(five, params);
 };
 

package/dist/index.umd.js

@@ -4691,58 +4691,54 @@
     	};
     }
 
+    function getCameraRotateTransform(longitude) {
+    	// 为什么要加 45 ==> 因为 UI 给的图初始角度是 -45
+    	const rotate = Math.floor(longitude / Math.PI * 180) * -1 + 45;
+
+    	return `rotate(${rotate}deg)`;
+    }
+
     function instance$7($$self, $$props, $$invalidate) {
+    	let positionTransform;
+    	let rotateTransform;
     	let { five } = $$props;
     	let { pxmm } = $$props;
     	let { floorplanData } = $$props;
     	let { cameraImageUrl } = $$props;
+    	let panoIndex = five.getCurrentState().panoIndex;
+    	let longitude = five.getCurrentState().longitude;
 
     	/** 获取相机在当前 Five 状态下的位移 */
-    	function getCameraPositionTransform(panoIndex) {
-    		const observer = floorplanData.observers[panoIndex];
+    	function getCameraPositionTransform(floorplanData, panoIndex) {
     		const bounding = floorplanData.bounding;
+    		const floorplanObserver = floorplanData.observers[panoIndex];
+    		if (!floorplanObserver) return '';
     		const clientWidth = (bounding.max.x - bounding.min.x) * pxmm;
     		const clientHeight = (bounding.max.y - bounding.min.y) * pxmm;
-    		if (!observer) return '';
-    		const left = Math.floor(observer.positionInImage.x * clientWidth);
-    		const top = Math.floor(observer.positionInImage.y * clientHeight);
+    		const left = Math.floor(floorplanObserver.positionInImage.x * clientWidth);
+    		const top = Math.floor(floorplanObserver.positionInImage.y * clientHeight);
     		return `translate(${left}px, ${top}px)`;
     	}
 
-    	/** 获取相机在当前 Five 状态下的旋转 */
-    	function getCameraRotationTransform() {
-    		const { longitude } = five.getCurrentState();
-
-    		// 为什么要加 45 ==> 因为 UI 给的图初始角度是 -45
-    		const rotate = Math.floor(longitude / Math.PI * 180) * -1 + 45;
-
-    		return `rotate(${rotate}deg)`;
+    	function onFivePanoWillArrive(_panoIndex) {
+    		$$invalidate(6, panoIndex = _panoIndex);
     	}
 
-    	const changePosition = panoIndex => {
-    		$$invalidate(2, positionTransform = getCameraPositionTransform(panoIndex));
-    	};
-
-    	const changeRotate = throttle(
-    		() => {
-    			$$invalidate(1, rotateTransform = getCameraRotationTransform());
+    	const onFiveCameraDirectionUpdate = throttle(
+    		pose => {
+    			$$invalidate(7, longitude = pose.longitude);
     		},
     		1000 / 60
     	);
 
-    	// 初始状态，不能等 mount 之后再计算，那样第一次 camera 展示的时候也会有动画
-    	let rotateTransform = getCameraRotationTransform();
-
-    	let positionTransform = getCameraPositionTransform(five.getCurrentState().panoIndex);
-
     	svelte.onMount(() => {
-    		five.on('panoWillArrive', changePosition);
-    		five.on('cameraDirectionUpdate', changeRotate);
+    		five.on('panoWillArrive', onFivePanoWillArrive);
+    		five.on('cameraDirectionUpdate', onFiveCameraDirectionUpdate);
     	});
 
     	svelte.onDestroy(() => {
-    		five.off('panoWillArrive', changePosition);
-    		five.off('cameraDirectionUpdate', changeRotate);
+    		five.off('panoWillArrive', onFivePanoWillArrive);
+    		five.off('cameraDirectionUpdate', onFiveCameraDirectionUpdate);
     	});
 
     	$$self.$$set = $$props => {
@@ -4752,7 +4748,27 @@
     		if ('cameraImageUrl' in $$props) $$invalidate(0, cameraImageUrl = $$props.cameraImageUrl);
     	};
 
-    	return [cameraImageUrl, rotateTransform, positionTransform, five, pxmm, floorplanData];
+    	$$self.$$.update = () => {
+    		if ($$self.$$.dirty & /*floorplanData, panoIndex*/ 96) {
+    			// 初始状态，不能等 mount 之后再计算，那样第一次 camera 展示的时候也会有动画
+    			$$invalidate(2, positionTransform = getCameraPositionTransform(floorplanData, panoIndex));
+    		}
+
+    		if ($$self.$$.dirty & /*longitude*/ 128) {
+    			$$invalidate(1, rotateTransform = getCameraRotateTransform(longitude));
+    		}
+    	};
+
+    	return [
+    		cameraImageUrl,
+    		rotateTransform,
+    		positionTransform,
+    		five,
+    		pxmm,
+    		floorplanData,
+    		panoIndex,
+    		longitude
+    	];
     }
 
     class Camera extends internal.SvelteComponent {
@@ -5459,13 +5475,7 @@
                 enumerable: true,
                 configurable: true,
                 writable: true,
-                value: void 0
-            });
-            Object.defineProperty(this, "originExtraObjects", {
-                enumerable: true,
-                configurable: true,
-                writable: true,
-                value: void 0
+                value: []
             });
             Object.defineProperty(this, "configs", {
                 enumerable: true,
@@ -5526,7 +5536,6 @@
             this.render();
         }
         setExtraObjectsWith3DPositions(data) {
-            this.originExtraObjects = data;
             if (!this.data)
                 return;
             this.extraObjects = formatExtraObjects(data, this.five, this.data);
@@ -5541,9 +5550,6 @@
             }
             if (!this.data || !this.wrapper)
                 return;
-            if (!this.extraObjects && this.originExtraObjects) {
-                this.extraObjects = formatExtraObjects(this.originExtraObjects, this.five, this.data);
-            }
             const props = {
                 five: this.five,
                 floorplanData: this.data,
@@ -13185,7 +13191,7 @@
         }
     }
 
-    const PanoMeasurePlugin = function MeasurePlugin(five, params) {
+    const PanoMeasurePlugin = function PanoMeasurePlugin(five, params) {
         return new MeasureController(five, params);
     };