@kimap/indoor-positioning-sdk-vue2 6.0.7 → 6.0.9

package/package.json

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

package/src/core/KimapSDK.js

@@ -795,8 +795,9 @@ KimapSDK.prototype.showAllFloors = function() {
   // 相机动画飞到 ALL 外景视角（参考正式版 _zoomToShowAllFloors）
   this._zoomToShowAllFloors();
 
-  // 渲染 ALL 模式周边建筑物
+  // 渲染 ALL 模式周边建筑物（带淡入效果）
   this.core._addAllModeBuildings();
+  this._fadeInAllModeBuildings(600);
 
   this._currentShowingFloorIndex = -1; // ALL 状态
   this._currentMode = 'all';
@@ -912,6 +913,52 @@ KimapSDK.prototype._animateCamera = function(target, duration, onComplete) {
   animate();
 };
 
+/**
+ * 淡入 ALL 模式建筑物（带透明度动画）
+ * @param {number} duration - 动画时长 ms
+ * @private
+ */
+KimapSDK.prototype._fadeInAllModeBuildings = function(duration) {
+  var self = this;
+  if (!this.core._allModeBuildings || this.core._allModeBuildings.length === 0) return;
+
+  // 初始透明度设为0
+  this.core._allModeBuildings.forEach(function(mesh) {
+    if (mesh.material) {
+      mesh.material.transparent = true;
+      if (mesh.material.opacity !== undefined) {
+        mesh.material.opacity = 0;
+      }
+    }
+  });
+
+  var startTime = performance.now();
+
+  function fadeAnimate() {
+    var elapsed = performance.now() - startTime;
+    var progress = Math.min(elapsed / duration, 1);
+
+    self.core._allModeBuildings.forEach(function(mesh) {
+      if (mesh.material) {
+        // 主体灰色半透明，描边和顶部标记淡蓝色
+        if (mesh.name && mesh.name.startsWith('__build__edges')) {
+          mesh.material.opacity = 0.8 * progress;
+        } else if (mesh.name && mesh.name.startsWith('__build__tip')) {
+          mesh.material.opacity = progress;
+        } else {
+          mesh.material.opacity = 0.3 * progress;
+        }
+      }
+    });
+
+    if (progress < 1) {
+      requestAnimationFrame(fadeAnimate);
+    }
+  }
+
+  fadeAnimate();
+};
+
 /**
  * 多楼层：是否正在显示所有楼层
  * @public

package/src/core/SceneCore.js

@@ -233,55 +233,21 @@ SceneCore.prototype.setupLights = function() {
 };
 
 /**
- * 设置地面（纯色 + 网格）
+ * 设置地面（不使用） - 地面已移除
  */
 SceneCore.prototype.setupGround = function() {
-  var origin = this.coordinateSystem.origin;
-  var maxX = this.coordinateSystem.maxX;
-  var maxZ = this.coordinateSystem.maxY;
-
-  // 地面尺寸稍大于地图，留出边距
-  var groundSize = Math.max(maxX, maxZ) * 1.6;
-
-  // 地面纯色平面（不接收阴影、不投射阴影）
-  var groundGeo = new THREE.PlaneGeometry(groundSize, groundSize);
-  var groundMat = new THREE.MeshLambertMaterial({
-    color: 0xf9f9f9,
-    side: THREE.DoubleSide
-  });
-  var ground = new THREE.Mesh(groundGeo, groundMat);
-  ground.rotation.x = -Math.PI / 2;
-  ground.position.set(origin.x + maxX / 2, -0.001, origin.z);
-  ground.receiveShadow = false;
-  this.scene.add(ground);
-
-  // 网格线（与地面颜色协调，线色 #d0d0d0，格间距 maxX/10）
-  var gridSize = Math.max(maxX, maxZ) * 1.5;
-  var gridDivisions = Math.max(10, Math.round(gridSize / (maxX / 10)));
-  var grid = new THREE.GridHelper(gridSize, gridDivisions, 0xbdbdbd, 0xd0d0d0);
-  grid.position.set(origin.x + maxX / 2, 0, origin.z);
-  grid.material.opacity = 0.5;
-  grid.material.transparent = true;
-  this.scene.add(grid);
+  // 地面和网格已移除
 };
 
 /**
- * 添加坐标辅助器
+ * 添加坐标辅助器（仅坐标轴，无网格）
  */
 SceneCore.prototype.addCoordinateHelper = function() {
   var origin = this.coordinateSystem.origin;
   var maxX = this.coordinateSystem.maxX;
   var maxY = this.coordinateSystem.maxY;
-  var showGrid = this.config.showGrid === true;
   var showAxes = this.config.showAxes === true;
   
-  if (showGrid) {
-    var gridSize = Math.max(maxX, maxY) * 1.5;
-    var gridHelper = new THREE.GridHelper(gridSize, 50, 0x888888, 0xcccccc);
-    gridHelper.position.set(origin.x + maxX / 2, origin.y, origin.z);
-    this.scene.add(gridHelper);
-  }
-  
   if (showAxes) {
     var axesSize = Math.min(maxX, maxY) * 0.5;
     var axesHelper = new THREE.AxesHelper(axesSize);
@@ -641,10 +607,12 @@ SceneCore.prototype._addAllModeBuildings = function() {
     heights.forEach(function(h, i) {
       var o = offsets[i];
       var geo = new THREE.BoxGeometry(o.w, h, o.d);
+      
+      // 灰色半透明主体
       var mat = new THREE.MeshBasicMaterial({
-        color: 0x9ecfef,
+        color: 0x888888,
         transparent: true,
-        opacity: 0.5,
+        opacity: 0.3,
         depthWrite: false
       });
       var mesh = new THREE.Mesh(geo, mat);
@@ -655,7 +623,20 @@ SceneCore.prototype._addAllModeBuildings = function() {
       self.scene.add(mesh);
       self._allModeBuildings.push(mesh);
 
-      // 同步添加一个细小的顶部标记（帮助辨认方向）
+      // 淡蓝色描边
+      var edgesGeo = new THREE.EdgesGeometry(geo);
+      var edgesMat = new THREE.LineBasicMaterial({ 
+        color: 0x4fc3f7,
+        transparent: true,
+        opacity: 0.8
+      });
+      var edges = new THREE.LineSegments(edgesGeo, edgesMat);
+      edges.position.copy(mesh.position);
+      edges.name = '__build__edges' + i;
+      self.scene.add(edges);
+      self._allModeBuildings.push(edges);
+
+      // 顶部标记（淡蓝色）
       var tipGeo = new THREE.BoxGeometry(o.w * 0.3, 0.1, o.d * 0.3);
       var tipMat = new THREE.MeshBasicMaterial({ color: 0x4fc3f7 });
       var tip = new THREE.Mesh(tipGeo, tipMat);