@kimap/indoor-positioning-sdk-vue2 5.2.6 → 5.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kimap/indoor-positioning-sdk-vue2",
-  "version": "5.2.6",
+  "version": "5.2.7",
   "description": "Vue2自包含室内定位SDK - 完全兼容Webpack3+Babel6 | Vue2 Self-Contained Indoor Positioning SDK",
   "main": "index.js",
   "files": [

package/src/core/KimapSDK.js

@@ -35,6 +35,10 @@ function KimapSDK(config) {
   this.currentFloorId = null;
   this.currentFloor = null;
 
+  // 楼层工具配置
+  this.floorToolsConfig = config.floorTools || { enabled: false };
+  this.floorToolsElement = null;
+
   // 多楼层相关配置
   this.floorNames = config.floorNames || [];       // 楼层名称列表
   this.currentFloorIndex = 0;                       // 当前楼层索引（0=ALL）
@@ -84,11 +88,17 @@ KimapSDK.prototype.init = function() {
         self.floorGroups = self.core.floorGroups;
       }
 
-      // 渲染楼层选择器
-      if (self.isMultiFloor || self.floorNames.length > 0) {
+      // 渲染楼层选择器（使用 floorTools 配置）
+      if (this.floorToolsConfig.enabled !== false && (this.isMultiFloor || this.floorNames.length > 0)) {
         self._renderFloorSelector();
       }
 
+      // 创建科技感地面背景
+      self._createTechGround();
+
+      // 启动道路动画循环
+      self._startRoadAnimationLoop();
+
       // 加载背景建筑
       if (self.backgroundBuildingsConfig.enabled !== false) {
         self._loadBackgroundBuildings();
@@ -169,31 +179,57 @@ KimapSDK.prototype.startRenderLoop = function() {
  */
 KimapSDK.prototype._extractWallsFromModel = function() {
   var self = this;
-  
-  if (!self.core || !self.core.mapModel) {
-    console.warn('KimapSDK: 3D模型未加载，无法提取墙面数据');
+
+  if (!self.core) {
+    console.warn('KimapSDK: SceneCore未初始化，无法提取墙面数据');
     return;
   }
-  
+
+  // 优先从 mapModel 提取（单楼层模式）
+  if (self.core.mapModel) {
+    self._extractWallsFromGroup(self.core.mapModel);
+    return;
+  }
+
+  // 从 floorGroups 提取（多楼层模式）
+  if (self.floorGroups && self.floorGroups.length > 0) {
+    self.floorGroups.forEach(function(group) {
+      self._extractWallsFromGroup(group);
+    });
+    return;
+  }
+
+  console.warn('KimapSDK: 3D模型未加载，无法提取墙面数据');
+};
+
+/**
+ * 从Group中提取墙面数据
+ * @private
+ */
+KimapSDK.prototype._extractWallsFromGroup = function(group) {
+  var THREE = window.THREE || global.THREE;
+  if (!THREE) return;
+
   var walls = [];
   var floorGroups = {};
-  
+  var self = this;
+
   // 遍历场景中的所有对象，查找墙面
-  self.core.mapModel.traverse(function(child) {
+  group.traverse(function(child) {
     if (child.name && child.name.startsWith('Wall_')) {
       var box = new THREE.Box3().setFromObject(child);
       var min = box.min;
       var max = box.max;
-      
+
       var centerX = (min.x + max.x) / 2;
       var centerZ = (min.z + max.z) / 2;
       var width = max.x - min.x;
       var depth = max.z - min.z;
       var height = max.y - min.y;
-      
+
       var isHorizontal = width > depth;
       var thickness = isHorizontal ? depth : width;
-      
+
       var points;
       if (isHorizontal) {
         points = [
@@ -206,9 +242,9 @@ KimapSDK.prototype._extractWallsFromModel = function() {
           { x: centerX * 100, y: max.z * 100 }
         ];
       }
-      
+
       var floorLevel = Math.floor(min.y / 3);
-      
+
       var wallData = {
         type: 'wall',
         id: child.name,
@@ -219,23 +255,23 @@ KimapSDK.prototype._extractWallsFromModel = function() {
         height: height * 1000,
         floorLevel: floorLevel
       };
-      
+
       walls.push(wallData);
-      
+
       if (!floorGroups[floorLevel]) {
         floorGroups[floorLevel] = [];
       }
       floorGroups[floorLevel].push(wallData);
     }
   });
-  
+
   console.log('✅ 从3D模型中提取墙面数据:', walls.length, '个墙面');
-  
+
   var floors = [];
   Object.keys(floorGroups).sort().forEach(function(level) {
     var floorId = 'floor_' + level;
     var floorName = (parseInt(level) + 1) + '楼';
-    
+
     floors.push({
       id: floorId,
       name: floorName,
@@ -253,10 +289,12 @@ KimapSDK.prototype._extractWallsFromModel = function() {
       ]
     });
   });
-  
-  if (floors.length > 0) {
-    self.setFloors(floors);
+
+  if (floors.length > 0 && this.floors.length === 0) {
+    this.setFloors(floors);
     console.log('✅ 已自动设置楼层数据（从3D模型提取）');
+  } else if (floors.length > 0) {
+    console.log('✅ 已提取墙面数据（楼层已设置）');
   } else {
     console.warn('⚠️ 未从3D模型中提取到墙面数据');
   }
@@ -556,6 +594,11 @@ KimapSDK.prototype._renderFloorSelector = function() {
     existingSelector.remove();
   }
 
+  // 如果楼层工具未启用，不渲染
+  if (this.floorToolsConfig.enabled === false) {
+    return;
+  }
+
   // 获取楼层名称列表
   var floorNames = this.floorNames;
   if (!floorNames || floorNames.length === 0) {
@@ -569,15 +612,33 @@ KimapSDK.prototype._renderFloorSelector = function() {
   // 创建选择器容器
   var selector = document.createElement('div');
   selector.id = 'kimap-floor-selector';
+  this.floorToolsElement = selector;
+
+  // 根据配置设置位置
+  var position = this.floorToolsConfig.position || 'left-bottom';
+  var offsetX = this.floorToolsConfig.offsetX || 20;
+  var offsetY = this.floorToolsConfig.offsetY || 20;
+
+  var positionStyles = {
+    'left-top': { top: offsetY + 'px', left: offsetX + 'px', bottom: 'auto', right: 'auto' },
+    'left-bottom': { bottom: offsetY + 'px', left: offsetX + 'px', top: 'auto', right: 'auto' },
+    'right-top': { top: offsetY + 'px', right: offsetX + 'px', bottom: 'auto', left: 'auto' },
+    'right-bottom': { bottom: offsetY + 'px', right: offsetX + 'px', top: 'auto', left: 'auto' }
+  };
+
+  var posStyle = positionStyles[position] || positionStyles['left-bottom'];
+
   selector.style.cssText = [
     'position: absolute',
-    'bottom: 20px',
-    'left: 20px',
     'display: flex',
     'flex-direction: column',
     'gap: 4px',
     'z-index: 1000',
-    'font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
+    'font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+    'top: ' + posStyle.top,
+    'left: ' + posStyle.left,
+    'bottom: ' + posStyle.bottom,
+    'right: ' + posStyle.right
   ].join(';');
 
   // 创建ALL按钮
@@ -687,16 +748,19 @@ KimapSDK.prototype._onFloorButtonClick = function(index) {
 KimapSDK.prototype._showAllFloors = function() {
   var self = this;
 
-  // 显示所有楼层组
+  // 淡出当前楼层（如果有）
   if (this.floorGroups && this.floorGroups.length > 0) {
     this.floorGroups.forEach(function(group) {
       group.visible = true;
+      // 淡入楼层
+      self._fadeInGroup(group, 400);
     });
   }
 
-  // 显示背景建筑
+  // 淡入背景建筑
   if (this.backgroundGroup) {
     this.backgroundGroup.visible = true;
+    this._fadeInBackgroundBuildings(600);
   }
 
   // 隐藏家具（ALL模式不显示家具）
@@ -704,10 +768,57 @@ KimapSDK.prototype._showAllFloors = function() {
     this.furnitureGroup.visible = false;
   }
 
-  // 调整相机位置到能看到所有楼层
+  // 调整相机位置到能看到所有楼层（带动画）
   this._zoomToShowAllFloors();
 
-  console.log('KimapSDK: 已切换到ALL模式，显示所有楼层和背景建筑');
+  console.log('KimapSDK: 已切换到ALL模式');
+};
+
+/**
+ * 淡入Group
+ * @private
+ */
+KimapSDK.prototype._fadeInGroup = function(group, duration) {
+  var self = this;
+  var startTime = performance.now();
+
+  // 记录初始透明度
+  group.traverse(function(child) {
+    if (child.material) {
+      if (Array.isArray(child.material)) {
+        child.material.forEach(function(mat) {
+          if (mat.transparent !== undefined) mat.transparent = true;
+        });
+      } else if (child.material.transparent !== undefined) {
+        child.material.transparent = true;
+      }
+    }
+  });
+
+  function fadeAnimate() {
+    var elapsed = performance.now() - startTime;
+    var progress = Math.min(elapsed / duration, 1);
+
+    group.traverse(function(child) {
+      if (child.material) {
+        if (Array.isArray(child.material)) {
+          child.material.forEach(function(mat) {
+            if (mat.opacity !== undefined) {
+              mat.opacity = progress;
+            }
+          });
+        } else if (child.material.opacity !== undefined) {
+          child.material.opacity = progress;
+        }
+      }
+    });
+
+    if (progress < 1) {
+      requestAnimationFrame(fadeAnimate);
+    }
+  }
+
+  fadeAnimate();
 };
 
 /**
@@ -717,10 +828,15 @@ KimapSDK.prototype._showAllFloors = function() {
 KimapSDK.prototype._showSingleFloor = function(floorIndex) {
   var self = this;
 
-  // 显示/隐藏楼层组
+  // 淡出所有楼层，然后只显示目标楼层
   if (this.floorGroups && this.floorGroups.length > 0) {
     this.floorGroups.forEach(function(group, index) {
-      group.visible = (index === floorIndex);
+      if (index === floorIndex) {
+        group.visible = true;
+        self._fadeInGroup(group, 300);
+      } else {
+        group.visible = false;
+      }
     });
   }
 
@@ -734,14 +850,14 @@ KimapSDK.prototype._showSingleFloor = function(floorIndex) {
     this.furnitureGroup.visible = true;
   }
 
-  // 调整相机到该楼层
+  // 调整相机到该楼层（带动画）
   this._adjustCameraToFloor(floorIndex);
 
   console.log('KimapSDK: 已切换到楼层:', (floorIndex + 1) + 'F');
 };
 
 /**
- * 调整相机到能看到所有楼层
+ * 调整相机到能看到所有楼层（带动画）
  * @private
  */
 KimapSDK.prototype._zoomToShowAllFloors = function() {
@@ -773,25 +889,87 @@ KimapSDK.prototype._zoomToShowAllFloors = function() {
     var maxSize = Math.max(size.x, size.z);
     var distance = maxSize * 2;
 
-    // 调整相机位置（更高视角）
-    this.core.camera.position.set(
+    // 计算目标位置
+    var targetPosition = new THREE.Vector3(
       center.x,
       center.y + distance * 1.5,
       center.z + distance
     );
-    this.core.camera.lookAt(center);
 
-    if (this.core.controls) {
-      this.core.controls.target.copy(center);
-      this.core.controls.update();
-    }
+    // 使用动画移动相机
+    var self = this;
+    this._animateCamera({
+      position: targetPosition,
+      lookAt: center
+    }, 800, function() {
+      console.log('KimapSDK: 已切换到ALL模式（动画完成）');
+    });
+
+    // 淡入背景建筑
+    this._fadeInBackgroundBuildings(600);
   } catch (e) {
     console.warn('调整相机到ALL模式失败:', e);
   }
 };
 
 /**
- * 调整相机到指定楼层
+ * 淡入背景建筑
+ * @private
+ */
+KimapSDK.prototype._fadeInBackgroundBuildings = function(duration) {
+  if (!this.backgroundGroup) return;
+
+  this.backgroundGroup.visible = true;
+
+  // 设置初始透明度
+  this.backgroundGroup.traverse(function(child) {
+    if (child.material) {
+      if (Array.isArray(child.material)) {
+        child.material.forEach(function(mat) {
+          if (mat.opacity !== undefined) {
+            mat._originalOpacity = mat.opacity;
+            mat.opacity = 0;
+          }
+        });
+      } else if (child.material.opacity !== undefined) {
+        child.material._originalOpacity = child.material.opacity;
+        child.material.opacity = 0;
+      }
+    }
+  });
+
+  var self = this;
+  var startTime = performance.now();
+
+  function fadeAnimate() {
+    var elapsed = performance.now() - startTime;
+    var progress = Math.min(elapsed / duration, 1);
+
+    self.backgroundGroup.traverse(function(child) {
+      if (child.material) {
+        var originalOpacity = child.material._originalOpacity !== undefined ? child.material._originalOpacity : 1;
+        if (Array.isArray(child.material)) {
+          child.material.forEach(function(mat) {
+            if (mat.opacity !== undefined) {
+              mat.opacity = originalOpacity * progress;
+            }
+          });
+        } else if (child.material.opacity !== undefined) {
+          child.material.opacity = originalOpacity * progress;
+        }
+      }
+    });
+
+    if (progress < 1) {
+      requestAnimationFrame(fadeAnimate);
+    }
+  }
+
+  fadeAnimate();
+};
+
+/**
+ * 调整相机到指定楼层（带动画）
  * @private
  */
 KimapSDK.prototype._adjustCameraToFloor = function(floorIndex) {
@@ -808,17 +986,21 @@ KimapSDK.prototype._adjustCameraToFloor = function(floorIndex) {
     var maxSize = Math.max(size.x, size.z);
     var distance = maxSize * 1.5;
 
-    this.core.camera.position.set(
+    // 计算目标位置
+    var targetPosition = new THREE.Vector3(
       center.x,
       center.y + distance,
       center.z + distance * 0.5
     );
-    this.core.camera.lookAt(center);
 
-    if (this.core.controls) {
-      this.core.controls.target.copy(center);
-      this.core.controls.update();
-    }
+    // 使用动画移动相机
+    var self = this;
+    this._animateCamera({
+      position: targetPosition,
+      lookAt: center
+    }, 600, function() {
+      console.log('KimapSDK: 已切换到楼层 ' + (floorIndex + 1) + 'F（动画完成）');
+    });
   } catch (e) {
     console.warn('调整相机到楼层失败:', e);
   }
@@ -926,6 +1108,7 @@ KimapSDK.prototype._createBackgroundBuildings = function(GLTFLoader, models, cou
 
 /**
  * 创建备用几何体建筑（当没有模型文件时）
+ * 增强版：科技蓝风格，窗户细节
  * @private
  */
 KimapSDK.prototype._createFallbackBuilding = function(x, z) {
@@ -933,17 +1116,226 @@ KimapSDK.prototype._createFallbackBuilding = function(x, z) {
   var width = 15 + Math.random() * 25;
   var depth = 15 + Math.random() * 25;
 
+  var buildingGroup = new THREE.Group();
+  buildingGroup.position.set(x, 0, z);
+
+  // 主楼体 - 科技蓝渐变
   var geometry = new THREE.BoxGeometry(width, height, depth);
+
+  // 科技蓝基础色
+  var baseColor = new THREE.Color().setHSL(0.6 + Math.random() * 0.05, 0.8, 0.25 + Math.random() * 0.1);
   var material = new THREE.MeshStandardMaterial({
-    color: new THREE.Color().setHSL(0.6, 0.1, 0.3 + Math.random() * 0.2),
-    roughness: 0.8,
-    metalness: 0.1
+    color: baseColor,
+    roughness: 0.3,
+    metalness: 0.6,
+    emissive: baseColor.clone().multiplyScalar(0.1)
   });
 
   var building = new THREE.Mesh(geometry, material);
-  building.position.set(x, height / 2, z);
+  building.position.y = height / 2;
+  buildingGroup.add(building);
+
+  // 添加窗户细节
+  this._addWindowsToBuilding(buildingGroup, width, height, depth);
+
+  // 添加发光边缘
+  this._addGlowingEdges(buildingGroup, width, height, depth);
+
+  return buildingGroup;
+};
+
+/**
+ * 为建筑添加窗户细节
+ * @private
+ */
+KimapSDK.prototype._addWindowsToBuilding = function(buildingGroup, width, height, depth) {
+  var windowWidth = 1.5;
+  var windowHeight = 2;
+  var windowSpacingX = 3;
+  var windowSpacingY = 4;
+
+  var windowMaterial = new THREE.MeshBasicMaterial({
+    color: new THREE.Color().setHSL(0.58, 0.9, 0.7), // 淡蓝色窗户
+    transparent: true,
+    opacity: 0.8
+  });
+
+  var windowGeometry = new THREE.PlaneGeometry(windowWidth, windowHeight);
+
+  // 前后面窗户
+  for (var y = 3; y < height - 2; y += windowSpacingY) {
+    for (var xOff = -width / 2 + 2; xOff < width / 2 - 1; xOff += windowSpacingX) {
+      // 前面
+      var windowFront = new THREE.Mesh(windowGeometry, windowMaterial.clone());
+      windowFront.position.set(xOff, y, depth / 2 + 0.1);
+      buildingGroup.add(windowFront);
+
+      // 后面
+      var windowBack = new THREE.Mesh(windowGeometry, windowMaterial.clone());
+      windowBack.position.set(xOff, y, -depth / 2 - 0.1);
+      windowBack.rotation.y = Math.PI;
+      buildingGroup.add(windowBack);
+    }
+  }
+
+  // 左右面窗户
+  for (y = 3; y < height - 2; y += windowSpacingY) {
+    for (var zOff = -depth / 2 + 2; zOff < depth / 2 - 1; zOff += windowSpacingX) {
+      // 右面
+      var windowRight = new THREE.Mesh(windowGeometry, windowMaterial.clone());
+      windowRight.position.set(width / 2 + 0.1, y, zOff);
+      windowRight.rotation.y = Math.PI / 2;
+      buildingGroup.add(windowRight);
+
+      // 左面
+      var windowLeft = new THREE.Mesh(windowGeometry, windowMaterial.clone());
+      windowLeft.position.set(-width / 2 - 0.1, y, zOff);
+      windowLeft.rotation.y = -Math.PI / 2;
+      buildingGroup.add(windowLeft);
+    }
+  }
+};
+
+/**
+ * 为建筑添加发光边缘
+ * @private
+ */
+KimapSDK.prototype._addGlowingEdges = function(buildingGroup, width, height, depth) {
+  var edgeMaterial = new THREE.LineBasicMaterial({
+    color: new THREE.Color().setHSL(0.58, 1, 0.5), // 科技蓝
+    linewidth: 2
+  });
+
+  var edgesGeometry = new THREE.EdgesGeometry(new THREE.BoxGeometry(width, height, depth));
+  var edges = new THREE.LineSegments(edgesGeometry, edgeMaterial);
+  edges.position.y = height / 2;
+  buildingGroup.add(edges);
+};
+
+/**
+ * 创建科技感地面背景
+ * @private
+ */
+KimapSDK.prototype._createTechGround = function() {
+  if (!this.core) return;
+
+  var groundSize = 500;
+
+  // 创建网格地面
+  var gridHelper = new THREE.GridHelper(groundSize, 50, 0x0066aa, 0x003355);
+  gridHelper.position.y = -0.1;
+  gridHelper.material.opacity = 0.3;
+  gridHelper.material.transparent = true;
+  this.core.scene.add(gridHelper);
+
+  // 创建地面平面
+  var groundGeometry = new THREE.PlaneGeometry(groundSize, groundSize);
+  var groundMaterial = new THREE.MeshBasicMaterial({
+    color: 0x0a1628,
+    transparent: true,
+    opacity: 0.8
+  });
+  var ground = new THREE.Mesh(groundGeometry, groundMaterial);
+  ground.rotation.x = -Math.PI / 2;
+  ground.position.y = -0.2;
+  this.core.scene.add(ground);
+
+  // 创建道路线条
+  this._createRoadLines(groundSize);
+};
+
+/**
+ * 创建道路流光线条
+ * @private
+ */
+KimapSDK.prototype._createRoadLines = function(size) {
+  var roadGroup = new THREE.Group();
+  roadGroup.name = 'roadLines';
+  this.roadLinesGroup = roadGroup;
+
+  var lineCount = 20;
+  var roadWidth = 8;
+
+  for (var i = 0; i < lineCount; i++) {
+    var angle = Math.random() * Math.PI * 2;
+    var length = size * (0.3 + Math.random() * 0.5);
+    var x = Math.cos(angle) * size * 0.4;
+    var z = Math.sin(angle) * size * 0.4;
+
+    // 创建道路
+    var roadGeometry = new THREE.PlaneGeometry(length, roadWidth);
+    var roadMaterial = new THREE.MeshBasicMaterial({
+      color: 0x112233,
+      transparent: true,
+      opacity: 0.6
+    });
+    var road = new THREE.Mesh(roadGeometry, roadMaterial);
+    road.rotation.x = -Math.PI / 2;
+    road.rotation.z = angle;
+    road.position.set(x, 0, z);
+    roadGroup.add(road);
+
+    // 创建中心虚线
+    var dashCount = Math.floor(length / 5);
+    for (var d = 0; d < dashCount; d++) {
+      var dashGeometry = new THREE.PlaneGeometry(2, 0.3);
+      var dashMaterial = new THREE.MeshBasicMaterial({
+        color: 0x00aaff,
+        transparent: true,
+        opacity: 0.8
+      });
+      var dash = new THREE.Mesh(dashGeometry, dashMaterial);
+      dash.rotation.x = -Math.PI / 2;
+      dash.rotation.z = angle;
+      dash.position.set(
+        x + Math.cos(angle) * (d * 5 - length / 2 + 1),
+        0.05,
+        z + Math.sin(angle) * (d * 5 - length / 2 + 1)
+      );
+      dash.userData.baseOpacity = 0.4 + Math.random() * 0.4;
+      dash.userData.phase = Math.random() * Math.PI * 2;
+      dash.userData.speed = 0.5 + Math.random() * 1.5;
+      roadGroup.add(dash);
+    }
+  }
+
+  this.core.scene.add(roadGroup);
+};
+
+/**
+ * 更新道路流光动画（在render loop中调用）
+ * @private
+ */
+KimapSDK.prototype._updateRoadAnimation = function(time) {
+  if (!this.roadLinesGroup) return;
 
-  return building;
+  this.roadLinesGroup.traverse(function(child) {
+    if (child.userData && child.userData.baseOpacity !== undefined) {
+      var pulse = Math.sin(time * child.userData.speed + child.userData.phase) * 0.3 + 0.5;
+      child.material.opacity = child.userData.baseOpacity * pulse;
+    }
+  });
+};
+
+/**
+ * 在渲染循环中添加道路动画更新
+ * @private
+ */
+KimapSDK.prototype._startRoadAnimationLoop = function() {
+  var self = this;
+  var originalStartRenderLoop = this.startRenderLoop.bind(this);
+
+  this.startRenderLoop = function() {
+    originalStartRenderLoop();
+
+    // 添加道路动画更新
+    var animationLoop = function() {
+      requestAnimationFrame(animationLoop);
+      var time = performance.now() * 0.001;
+      self._updateRoadAnimation(time);
+    };
+    animationLoop();
+  };
 };
 
 /**
@@ -1013,6 +1405,66 @@ KimapSDK.prototype.hasProjectLayers = function() {
 
 // ==================== 工具方法 ====================
 
+/**
+ * 相机动画状态
+ */
+KimapSDK.prototype._cameraAnimating = false;
+KimapSDK.prototype._cameraAnimationId = null;
+
+/**
+ * 动画相机移动到目标位置
+ * @param {Object} target - 目标位置 { position, lookAt }
+ * @param {number} duration - 动画持续时间（毫秒）
+ * @param {Function} onComplete - 完成回调
+ * @private
+ */
+KimapSDK.prototype._animateCamera = function(target, duration, onComplete) {
+  var self = this;
+  if (!this.core || !this.core.camera) return;
+
+  var startPosition = this.core.camera.position.clone();
+  var startTarget = this.core.controls ? this.core.controls.target.clone() : new THREE.Vector3();
+
+  var endPosition = target.position || startPosition;
+  var endTarget = target.lookAt || startTarget;
+
+  var startTime = performance.now();
+  this._cameraAnimating = true;
+
+  function easeOutCubic(t) {
+    return 1 - Math.pow(1 - t, 3);
+  }
+
+  function animate() {
+    var elapsed = performance.now() - startTime;
+    var progress = Math.min(elapsed / duration, 1);
+    var easedProgress = easeOutCubic(progress);
+
+    // 插值相机位置
+    self.core.camera.position.lerpVectors(startPosition, endPosition, easedProgress);
+
+    // 插值目标点
+    if (self.core.controls) {
+      self.core.controls.target.lerpVectors(startTarget, endTarget, easedProgress);
+      self.core.controls.update();
+    }
+
+    if (progress < 1) {
+      self._cameraAnimationId = requestAnimationFrame(animate);
+    } else {
+      self._cameraAnimating = false;
+      if (onComplete) onComplete();
+    }
+  }
+
+  // 取消之前的动画
+  if (this._cameraAnimationId) {
+    cancelAnimationFrame(this._cameraAnimationId);
+  }
+
+  animate();
+};
+
 KimapSDK.prototype.getScene = function() {
   return this.core ? this.core.scene : null;
 };
@@ -1143,19 +1595,37 @@ KimapSDK.prototype.getConfig = function() {
 
 KimapSDK.prototype.loadKMData = function() {
   var self = this;
-  
+
   if (!this.dataUrl) {
     console.warn('⚠️ 未配置dataUrl，无法加载3D家具模型');
     return Promise.resolve({ success: false, message: '未配置dataUrl' });
   }
-  
+
   if (!this.config.objUrl) {
     console.warn('⚠️ 未配置objUrl，无法确定kidata文件名');
     return Promise.resolve({ success: false, message: '未配置objUrl' });
   }
-  
+
   // 从objUrl提取文件名和目录
   var objUrl = this.config.objUrl;
+
+  // 处理 objUrl 可能是数组的情况
+  if (Array.isArray(objUrl)) {
+    // 多楼层模式：使用第一个 URL 或跳过
+    if (objUrl.length === 0) {
+      console.warn('⚠️ objUrl数组为空，无法加载kidata');
+      return Promise.resolve({ success: false, message: 'objUrl数组为空' });
+    }
+    objUrl = objUrl[0];
+    console.log('KimapSDK: 使用第一个地图URL加载kidata:', objUrl);
+  }
+
+  // 确保 objUrl 是字符串
+  if (typeof objUrl !== 'string') {
+    console.warn('⚠️ objUrl类型错误，无法加载kidata');
+    return Promise.resolve({ success: false, message: 'objUrl类型错误' });
+  }
+
   var lastSlashIndex = objUrl.lastIndexOf('/');
   var directory = lastSlashIndex >= 0 ? objUrl.substring(0, lastSlashIndex) : '';
   var fileName = objUrl.split('/').pop().replace(/\.(obj|kimap)$/i, '');