@kimap/indoor-positioning-sdk-vue2 5.7.2 → 5.7.3

package/package.json

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

package/src/core/KimapSDK.js

@@ -37,6 +37,11 @@ function KimapSDK(config) {
   // 多楼层可视化支持（新增）
   this.floorGroups = [];
   this.isMultiFloor = Array.isArray(config.objUrl);
+
+  // 楼层工具配置（支持内置楼层切换UI）
+  this.floorToolsConfig = config.floorTools || { enabled: false };
+  this.floorToolsElement = null;
+  this.currentFloorIndex = 1; // 1=第一个楼层, 0=ALL
 }
 
 /**
@@ -81,7 +86,13 @@ KimapSDK.prototype.init = function() {
       if (self.isMultiFloor && self.floorGroups && self.floorGroups.length > 0) {
         self.showSingleFloor(0);
       }
-      
+
+      // 渲染内置楼层选择器 UI
+      var floorToolsEnabled = self.floorToolsConfig && self.floorToolsConfig.enabled !== false;
+      if (floorToolsEnabled && self.isMultiFloor) {
+        self._renderFloorSelector();
+      }
+
       return self;
     });
 };
@@ -1035,6 +1046,13 @@ KimapSDK.prototype._loadSingleFurniture = function(furniture, serverUrl) {
 
           // 验证通过或404等错误，继续加载（让loader处理）
           return new Promise(function(resolveLoad, rejectLoad) {
+            // 压制 FBXLoader 的多边形警告（140次刷屏）
+            var originalWarn = console.warn;
+            console.warn = function(msg) {
+              if (msg && typeof msg === 'string' && msg.indexOf('Polygons with more than four sides') !== -1) return;
+              originalWarn.apply(console, arguments);
+            };
+
             loader.load(
               modelUrl,
               function(result) {
@@ -1173,6 +1191,7 @@ KimapSDK.prototype._loadSingleFurniture = function(furniture, serverUrl) {
                     });
                   }
 
+                  console.warn = originalWarn;
                   resolveLoad(furnitureGroup);
                 } else {
                   // 无旋转时直接设置obj的世界位置
@@ -1234,11 +1253,13 @@ KimapSDK.prototype._loadSingleFurniture = function(furniture, serverUrl) {
                     furnitureType: furniture.type
                   };
 
+                  console.warn = originalWarn;
                   resolveLoad(obj);
                 }
               },
               undefined,
               function(error) {
+                console.warn = originalWarn;
                 console.error('❌ 家具模型加载失败:', furniture.type, error);
                 rejectLoad(error);
               }
@@ -1249,6 +1270,7 @@ KimapSDK.prototype._loadSingleFurniture = function(furniture, serverUrl) {
           resolve(obj);
         });
     }).catch(function(error) {
+      console.warn = originalWarn;
       console.error('❌ 家具模型URL验证或加载失败:', furniture.type, error.message);
       console.error('URL:', modelUrl);
       reject(error);
@@ -1310,4 +1332,143 @@ KimapSDK.prototype.destroy = function() {
   }
 };
 
+/**
+ * 渲染内置楼层选择器 UI
+ * @private
+ */
+KimapSDK.prototype._renderFloorSelector = function() {
+  var self = this;
+
+  var existingSelector = document.getElementById('kimap-floor-selector');
+  if (existingSelector) existingSelector.remove();
+
+  if (this.floorToolsConfig.enabled === false) return;
+
+  // 自动生成楼层名称：1F, 2F, 3F...
+  var floorNames = [];
+  for (var i = 0; i < this.floorGroups.length; i++) {
+    floorNames.push((i + 1) + 'F');
+  }
+
+  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' },
+    'left-bottom': { bottom: offsetY + 'px', left: offsetX + 'px' },
+    'right-top': { top: offsetY + 'px', right: offsetX + 'px' },
+    'right-bottom': { bottom: offsetY + 'px', right: offsetX + 'px' }
+  };
+  var posStyle = positionStyles[position] || positionStyles['left-bottom'];
+
+  selector.style.cssText = [
+    'position: absolute',
+    'display: flex',
+    'flex-direction: column',
+    'gap: 4px',
+    'z-index: 1000',
+    'font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+    'top: ' + (posStyle.top || 'auto'),
+    'left: ' + (posStyle.left || 'auto'),
+    'bottom: ' + (posStyle.bottom || 'auto'),
+    'right: ' + (posStyle.right || 'auto')
+  ].join(';');
+
+  // ALL 按钮
+  var allBtn = this._createFloorButton('ALL', 0, this.currentFloorIndex === 0);
+  selector.appendChild(allBtn);
+
+  // 各楼层按钮
+  var self2 = this;
+  floorNames.forEach(function(name, index) {
+    var btn = self2._createFloorButton(name, index + 1, self2.currentFloorIndex === index + 1);
+    selector.appendChild(btn);
+  });
+
+  this.core.container.style.position = 'relative';
+  this.core.container.appendChild(selector);
+};
+
+/**
+ * 创建楼层按钮
+ * @private
+ */
+KimapSDK.prototype._createFloorButton = function(name, index, isActive) {
+  var self = this;
+  var btn = document.createElement('button');
+  btn.textContent = name;
+  btn.dataset.floorIndex = index;
+
+  btn.style.cssText = [
+    'padding: 8px 16px',
+    'border: none',
+    'border-radius: 4px',
+    'cursor: pointer',
+    'font-size: 13px',
+    'font-weight: 500',
+    'transition: all 0.2s ease',
+    'min-width: 50px'
+  ].join(';');
+
+  if (isActive) {
+    btn.style.backgroundColor = '#1890ff';
+    btn.style.color = '#fff';
+  } else {
+    btn.style.backgroundColor = 'rgba(255, 255, 255, 0.9)';
+    btn.style.color = '#333';
+    btn.style.boxShadow = '0 1px 4px rgba(0,0,0,0.1)';
+  }
+
+  btn.addEventListener('click', function() {
+    self._onFloorButtonClick(index);
+  });
+
+  btn.addEventListener('mouseenter', function() {
+    if (!isActive) {
+      btn.style.backgroundColor = '#e6f7ff';
+    }
+  });
+
+  btn.addEventListener('mouseleave', function() {
+    if (!isActive) {
+      btn.style.backgroundColor = 'rgba(255, 255, 255, 0.9)';
+    }
+  });
+
+  return btn;
+};
+
+/**
+ * 楼层按钮点击处理
+ * @private
+ */
+KimapSDK.prototype._onFloorButtonClick = function(index) {
+  this.currentFloorIndex = index;
+
+  // 更新按钮样式
+  var buttons = document.querySelectorAll('#kimap-floor-selector button');
+  var self3 = this;
+  buttons.forEach(function(btn) {
+    var btnIndex = parseInt(btn.dataset.floorIndex);
+    if (btnIndex === index) {
+      btn.style.backgroundColor = '#1890ff';
+      btn.style.color = '#fff';
+    } else {
+      btn.style.backgroundColor = 'rgba(255, 255, 255, 0.9)';
+      btn.style.color = '#333';
+    }
+  });
+
+  if (index === 0) {
+    this.showAllFloors();
+  } else {
+    this.showSingleFloor(index - 1);
+  }
+};
+
 module.exports = KimapSDK;