ry-vue-mapv3 0.0.8 → 0.1.0

package/dist/index.js

@@ -926,7 +926,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     vue.watch(
       () => props.bbox,
       (val) => {
-        console.log("val===", val);
         setFit(val);
       },
       { deep: true }
@@ -1077,6 +1076,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         bingResolutionEvent(val);
       }
     );
+    vue.watch(
+      () => props.isMapSize,
+      (val) => {
+        updateMapSize();
+      }
+    );
     function getHit(evt) {
       if (evt.dragging) {
         return;
@@ -1231,6 +1236,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         view.un("change:resolution", resolutionFun);
       }
     }
+    function updateMapSize() {
+      if (!map) return;
+      map.updateSize();
+    }
     return {
       init,
       mapClickOnce,
@@ -1239,7 +1248,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       dblClick,
       setLastMapType,
       changeSwitch,
-      bingResolutionEvent
+      bingResolutionEvent,
+      updateMapSize
     };
   }
   const CollectionEventType = {
@@ -18518,6 +18528,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         type: Number,
         default: 17
       });
+      // 地图大小重置
+      __publicField(this, "isMapSize", {
+        type: Boolean,
+        default: false
+      });
       // bbox范围
       __publicField(this, "bboxRange", {
         type: Array,
@@ -21122,6 +21137,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         type: Boolean,
         default: true
       });
+      // 异步加载KML时间默认100毫秒
+      __publicField(this, "time", {
+        type: Number,
+        default: 100
+      });
     }
   }
   const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
@@ -21173,15 +21193,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           selectGPSAll(props.gpsType);
         }
       );
-      const init = (model) => {
-        _insert(model);
+      const init = async (model) => {
+        await _insert(model);
         if (props.isFit) {
-          setTimeout(() => {
-            setFit();
-          }, 50);
+          setFit();
         }
       };
-      const _insert = (dto) => {
+      const _insert = async (dto) => {
         const {
           id,
           url: kmlUrl,
@@ -21209,6 +21227,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           extractStyles
         );
         url.value = kmlUrl;
+        await kml.init(props.time);
         gcj02Url.value = kmlGcj02Url;
         setBBOXArr(bbox2);
       };
@@ -21315,6 +21334,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         type: Object,
         default: () => null
       });
+      // 异步加载KML时间默认100毫秒
+      __publicField(this, "time", {
+        type: Number,
+        default: 100
+      });
     }
   }
   const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
@@ -21395,29 +21419,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           _setColor(val);
         }
       );
-      const init = (arr) => {
+      const init = async (arr) => {
         if (!arr || !arr.length) return;
-        arr.forEach((item) => {
-          _insert(item);
-        });
+        for (let i = 0; i < arr.length; i++) {
+          await _insert(arr[0]);
+        }
         if (props.isFit) {
-          setTimeout(() => {
-            setFit();
-          }, 50);
+          setFit();
         }
       };
-      const _inserts = (arr) => {
+      const _inserts = async (arr) => {
         lastType.value = props.gpsType;
-        arr.forEach((val) => {
-          _insert(val);
-        });
+        for (let i = 0; i < arr.length; i++) {
+          await _insert(arr[0]);
+        }
         if (props.isFit) {
-          setTimeout(() => {
-            setFit();
-          }, 50);
+          setFit();
         }
       };
-      const _insert = (dto) => {
+      const _insert = async (dto) => {
         const {
           id,
           url,
@@ -21445,6 +21465,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             props.map,
             extractStyles
           );
+          await lKml.init(props.time);
           kmlMap.value.set(id, lKml);
           urls.value.set(id, url);
           if (gcj02Url) {

package/dist/index.mjs

@@ -925,7 +925,6 @@ function ryMapHook(props) {
   watch(
     () => props.bbox,
     (val) => {
-      console.log("val===", val);
       setFit(val);
     },
     { deep: true }
@@ -1076,6 +1075,12 @@ function useMapEvent(props) {
       bingResolutionEvent(val);
     }
   );
+  watch(
+    () => props.isMapSize,
+    (val) => {
+      updateMapSize();
+    }
+  );
   function getHit(evt) {
     if (evt.dragging) {
       return;
@@ -1230,6 +1235,10 @@ function useMapEvent(props) {
       view.un("change:resolution", resolutionFun);
     }
   }
+  function updateMapSize() {
+    if (!map) return;
+    map.updateSize();
+  }
   return {
     init,
     mapClickOnce,
@@ -1238,7 +1247,8 @@ function useMapEvent(props) {
     dblClick,
     setLastMapType,
     changeSwitch,
-    bingResolutionEvent
+    bingResolutionEvent,
+    updateMapSize
   };
 }
 const CollectionEventType = {
@@ -18517,6 +18527,11 @@ let MapDto$1 = class MapDto {
       type: Number,
       default: 17
     });
+    // 地图大小重置
+    __publicField(this, "isMapSize", {
+      type: Boolean,
+      default: false
+    });
     // bbox范围
     __publicField(this, "bboxRange", {
       type: Array,
@@ -21121,6 +21136,11 @@ class RyKMLDto extends Base {
       type: Boolean,
       default: true
     });
+    // 异步加载KML时间默认100毫秒
+    __publicField(this, "time", {
+      type: Number,
+      default: 100
+    });
   }
 }
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
@@ -21172,15 +21192,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         selectGPSAll(props.gpsType);
       }
     );
-    const init = (model) => {
-      _insert(model);
+    const init = async (model) => {
+      await _insert(model);
       if (props.isFit) {
-        setTimeout(() => {
-          setFit();
-        }, 50);
+        setFit();
       }
     };
-    const _insert = (dto) => {
+    const _insert = async (dto) => {
       const {
         id,
         url: kmlUrl,
@@ -21208,6 +21226,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         extractStyles
       );
       url.value = kmlUrl;
+      await kml.init(props.time);
       gcj02Url.value = kmlGcj02Url;
       setBBOXArr(bbox2);
     };
@@ -21314,6 +21333,11 @@ class RyKMLDtoArr extends Base {
       type: Object,
       default: () => null
     });
+    // 异步加载KML时间默认100毫秒
+    __publicField(this, "time", {
+      type: Number,
+      default: 100
+    });
   }
 }
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -21394,29 +21418,25 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         _setColor(val);
       }
     );
-    const init = (arr) => {
+    const init = async (arr) => {
       if (!arr || !arr.length) return;
-      arr.forEach((item) => {
-        _insert(item);
-      });
+      for (let i = 0; i < arr.length; i++) {
+        await _insert(arr[0]);
+      }
       if (props.isFit) {
-        setTimeout(() => {
-          setFit();
-        }, 50);
+        setFit();
       }
     };
-    const _inserts = (arr) => {
+    const _inserts = async (arr) => {
       lastType.value = props.gpsType;
-      arr.forEach((val) => {
-        _insert(val);
-      });
+      for (let i = 0; i < arr.length; i++) {
+        await _insert(arr[0]);
+      }
       if (props.isFit) {
-        setTimeout(() => {
-          setFit();
-        }, 50);
+        setFit();
       }
     };
-    const _insert = (dto) => {
+    const _insert = async (dto) => {
       const {
         id,
         url,
@@ -21444,6 +21464,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           props.map,
           extractStyles
         );
+        await lKml.init(props.time);
         kmlMap.value.set(id, lKml);
         urls.value.set(id, url);
         if (gcj02Url) {

package/dist/models/ryKML/index.d.ts

@@ -16,4 +16,8 @@ export default class RyKMLDto extends Base {
         type: BooleanConstructor;
         default: boolean;
     };
+    time: {
+        type: NumberConstructor;
+        default: number;
+    };
 }

package/dist/models/ryKMLs/index.d.ts

@@ -28,4 +28,8 @@ export default class RyKMLDtoArr extends Base {
         type: ObjectConstructor;
         default: () => null;
     };
+    time: {
+        type: NumberConstructor;
+        default: number;
+    };
 }

package/dist/models/ryMap/index.d.ts

@@ -76,6 +76,10 @@ export default class MapDto {
         type: NumberConstructor;
         default: number;
     };
+    isMapSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     bboxRange: {
         type: ArrayConstructor;
         default: never[];

package/dist/ryKML/src/index.d.ts

@@ -16,6 +16,10 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    time: {
+        type: NumberConstructor;
+        default: number;
+    };
     map: {
         type: ObjectConstructor;
         default: () => null;
@@ -41,6 +45,10 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    time: {
+        type: NumberConstructor;
+        default: number;
+    };
     map: {
         type: ObjectConstructor;
         default: () => null;
@@ -52,6 +60,7 @@ declare const _default: DefineComponent<ExtractPropTypes<{
 }>> & Readonly<{}>, {
     map: Record<string, any>;
     clear: boolean;
+    time: number;
     gpsType: number;
     model: Record<string, any>;
     isShow: boolean;

package/dist/ryKMLs/src/index.d.ts

@@ -28,6 +28,10 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: ObjectConstructor;
         default: () => null;
     };
+    time: {
+        type: NumberConstructor;
+        default: number;
+    };
     map: {
         type: ObjectConstructor;
         default: () => null;
@@ -65,6 +69,10 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: ObjectConstructor;
         default: () => null;
     };
+    time: {
+        type: NumberConstructor;
+        default: number;
+    };
     map: {
         type: ObjectConstructor;
         default: () => null;
@@ -76,6 +84,7 @@ declare const _default: DefineComponent<ExtractPropTypes<{
 }>> & Readonly<{}>, {
     map: Record<string, any>;
     clear: boolean;
+    time: number;
     gpsType: number;
     isFit: boolean;
     modelArr: unknown[];

package/dist/ryMap/src/index.d.ts

@@ -728,6 +728,10 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
+    isMapSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     bboxRange: {
         type: ArrayConstructor;
         default: never[];
@@ -928,6 +932,10 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
+    isMapSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     bboxRange: {
         type: ArrayConstructor;
         default: never[];
@@ -990,6 +998,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     isShowSwitchMap: boolean;
     resolution: boolean;
     zoomedIn: number;
+    isMapSize: boolean;
     bboxRange: unknown[];
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
     mapTool: ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ry-vue-mapv3",
-  "version": "0.0.8",
+  "version": "0.1.0",
   "type": "module",
   "files": [
     "dist"
@@ -43,5 +43,8 @@
     "vite": "^6.0.7",
     "vite-plugin-dts": "^4.4.0",
     "vue": "^3.5.13"
+  },
+  "dependencies": {
+    "ry-vue-mapv3": "^0.0.9"
   }
 }