@kimap/indoor-positioning-sdk-vue2 5.5.1 → 5.6.0

package/KimapComponent.vue

@@ -1,189 +1,189 @@
-<template>
-  <div ref="mapContainer" class="kimap-container"></div>
-</template>
-
-<script>
-// 使用本地KimapCore
-var KimapCore = require('./src/KimapCore.js');
-var KimapSDK = KimapCore.KimapSDK;
-
-export default {
-  name: 'KimapComponent',
-  
-  props: {
-    // OBJ模型文件URL（支持单文件string或多文件string[]）
-    objUrl: {
-      type: [String, Array],
-      required: true
-    },
-    
-    // 3D模型数据服务器URL（用于加载kidata文件）
-    dataUrl: {
-      type: String,
-      default: ''
-    },
-    
-    // 原点坐标
-    origin: {
-      type: Object,
-      default: function() {
-        return { x: 0, y: 0, z: 0 };
-      }
-    },
-    
-    // X轴最大坐标
-    maxX: {
-      type: Number,
-      default: 100
-    },
-    
-    // Y轴最大坐标（高度）
-    maxY: {
-      type: Number,
-      default: 50
-    },
-    
-    // 是否显示网格
-    showGrid: {
-      type: Boolean,
-      default: true
-    },
-    
-    // 是否显示坐标轴
-    showAxes: {
-      type: Boolean,
-      default: true
-    },
-    
-    // 背景颜色
-    backgroundColor: {
-      type: Number,
-      default: 0xf0f0f0
-    }
-  },
-  
-  data: function() {
-    return {
-      sdk: null,
-      loading: true,
-      error: null
-    };
-  },
-  
-  mounted: function() {
-    this.initSDK();
-  },
-  
-  beforeDestroy: function() {
-    if (this.sdk) {
-      this.sdk.destroy();
-      this.sdk = null;
-    }
-  },
-  
-  methods: {
-    initSDK: function() {
-      var self = this;
-      
-      // 创建SDK实例
-      var sdkInstance = new KimapSDK({
-        container: self.$refs.mapContainer,
-        objUrl: self.objUrl,
-        dataUrl: self.dataUrl,
-        origin: self.origin,
-        maxX: self.maxX,
-        maxY: self.maxY,
-        showGrid: self.showGrid,
-        showAxes: self.showAxes,
-        backgroundColor: self.backgroundColor,
-        onPositionClick: function(position, object) {
-          self.$emit('position-click', { position: position, object: object });
-        }
-      });
-      
-      // 初始化SDK
-      sdkInstance.init()
-        .then(function(sdk) {
-          self.sdk = sdk;
-          self.loading = false;
-          self.$emit('ready', sdk);
-        })
-        .catch(function(error) {
-          console.error('SDK初始化失败:', error);
-          self.error = error.message;
-          self.loading = false;
-          self.$emit('error', error);
-        });
-    },
-    
-    // 对外暴露的方法
-    addLocationMarker: function(marker) {
-      if (this.sdk) {
-        this.sdk.addLocationMarker(marker);
-      }
-    },
-    
-    removeLocationMarker: function(id) {
-      if (this.sdk) {
-        this.sdk.removeLocationMarker(id);
-      }
-    },
-    
-    updateCurrentPosition: function(position) {
-      if (this.sdk) {
-        this.sdk.updateCurrentPosition(position);
-      }
-    },
-    
-    showPopup: function(info) {
-      if (this.sdk) {
-        this.sdk.showPopup(info);
-      }
-    },
-    
-    hidePopup: function() {
-      if (this.sdk) {
-        this.sdk.hidePopup();
-      }
-    },
-    
-    startDraw: function(mode, callbacks) {
-      if (this.sdk) {
-        this.sdk.startDraw(mode, callbacks);
-      }
-    },
-    
-    endDraw: function() {
-      if (this.sdk) {
-        this.sdk.endDraw();
-      }
-    },
-    
-    getSDK: function() {
-      return this.sdk;
-    },
-    
-    getCoordinateSystem: function() {
-      if (this.sdk) {
-        return this.sdk.getCoordinateSystem();
-      }
-      return null;
-    },
-    
-    loadKMData: function() {
-      if (this.sdk) {
-        return this.sdk.loadKMData();
-      }
-      return Promise.resolve({ success: false, message: 'SDK未初始化' });
-    }
-  }
-};
-</script>
-
-<style scoped>
-.kimap-container {
-  width: 100%;
-  height: 100%;
-  position: relative;
-}
-</style>
+<template>
+  <div ref="mapContainer" class="kimap-container"></div>
+</template>
+
+<script>
+// 使用本地KimapCore
+var KimapCore = require('./src/KimapCore.js');
+var KimapSDK = KimapCore.KimapSDK;
+
+export default {
+  name: 'KimapComponent',
+  
+  props: {
+    // OBJ模型文件URL（支持单文件string或多文件string[]）
+    objUrl: {
+      type: [String, Array],
+      required: true
+    },
+    
+    // 3D模型数据服务器URL（用于加载kidata文件）
+    dataUrl: {
+      type: String,
+      default: ''
+    },
+    
+    // 原点坐标
+    origin: {
+      type: Object,
+      default: function() {
+        return { x: 0, y: 0, z: 0 };
+      }
+    },
+    
+    // X轴最大坐标
+    maxX: {
+      type: Number,
+      default: 100
+    },
+    
+    // Y轴最大坐标（高度）
+    maxY: {
+      type: Number,
+      default: 50
+    },
+    
+    // 是否显示网格
+    showGrid: {
+      type: Boolean,
+      default: true
+    },
+    
+    // 是否显示坐标轴
+    showAxes: {
+      type: Boolean,
+      default: true
+    },
+    
+    // 背景颜色
+    backgroundColor: {
+      type: Number,
+      default: 0xf0f0f0
+    }
+  },
+  
+  data: function() {
+    return {
+      sdk: null,
+      loading: true,
+      error: null
+    };
+  },
+  
+  mounted: function() {
+    this.initSDK();
+  },
+  
+  beforeDestroy: function() {
+    if (this.sdk) {
+      this.sdk.destroy();
+      this.sdk = null;
+    }
+  },
+  
+  methods: {
+    initSDK: function() {
+      var self = this;
+      
+      // 创建SDK实例
+      var sdkInstance = new KimapSDK({
+        container: self.$refs.mapContainer,
+        objUrl: self.objUrl,
+        dataUrl: self.dataUrl,
+        origin: self.origin,
+        maxX: self.maxX,
+        maxY: self.maxY,
+        showGrid: self.showGrid,
+        showAxes: self.showAxes,
+        backgroundColor: self.backgroundColor,
+        onPositionClick: function(position, object) {
+          self.$emit('position-click', { position: position, object: object });
+        }
+      });
+      
+      // 初始化SDK
+      sdkInstance.init()
+        .then(function(sdk) {
+          self.sdk = sdk;
+          self.loading = false;
+          self.$emit('ready', sdk);
+        })
+        .catch(function(error) {
+          console.error('SDK初始化失败:', error);
+          self.error = error.message;
+          self.loading = false;
+          self.$emit('error', error);
+        });
+    },
+    
+    // 对外暴露的方法
+    addLocationMarker: function(marker) {
+      if (this.sdk) {
+        this.sdk.addLocationMarker(marker);
+      }
+    },
+    
+    removeLocationMarker: function(id) {
+      if (this.sdk) {
+        this.sdk.removeLocationMarker(id);
+      }
+    },
+    
+    updateCurrentPosition: function(position) {
+      if (this.sdk) {
+        this.sdk.updateCurrentPosition(position);
+      }
+    },
+    
+    showPopup: function(info) {
+      if (this.sdk) {
+        this.sdk.showPopup(info);
+      }
+    },
+    
+    hidePopup: function() {
+      if (this.sdk) {
+        this.sdk.hidePopup();
+      }
+    },
+    
+    startDraw: function(mode, callbacks) {
+      if (this.sdk) {
+        this.sdk.startDraw(mode, callbacks);
+      }
+    },
+    
+    endDraw: function() {
+      if (this.sdk) {
+        this.sdk.endDraw();
+      }
+    },
+    
+    getSDK: function() {
+      return this.sdk;
+    },
+    
+    getCoordinateSystem: function() {
+      if (this.sdk) {
+        return this.sdk.getCoordinateSystem();
+      }
+      return null;
+    },
+    
+    loadKMData: function() {
+      if (this.sdk) {
+        return this.sdk.loadKMData();
+      }
+      return Promise.resolve({ success: false, message: 'SDK未初始化' });
+    }
+  }
+};
+</script>
+
+<style scoped>
+.kimap-container {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+</style>

package/package.json

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