gisviewer-vue3-arcgis 1.0.165 → 1.0.167

package/es/src/gis-map/utils/map-initializer.mjs

@@ -1,22 +1,22 @@
-import y from "@arcgis/core/Basemap";
-import g from "@arcgis/core/config";
-import * as M from "@arcgis/core/core/reactiveUtils";
-import { Polygon as P, Polyline as W, Point as k } from "@arcgis/core/geometry";
-import * as f from "@arcgis/core/geometry/support/webMercatorUtils";
-import z from "@arcgis/core/layers/GeoJSONLayer";
-import x from "@arcgis/core/layers/TileLayer";
-import L from "@arcgis/core/layers/WebTileLayer";
-import S from "@arcgis/core/Map";
-import O from "@arcgis/core/views/MapView";
-import R from "@arcgis/core/views/SceneView";
-import C from "@turf/destination";
-import * as H from "@turf/helpers";
-import I from "../stores/index.mjs";
-import G from "./custom-layer/custom-wmts-layer.mjs";
-function T(l, e) {
-  return l && (l.startsWith("http://") || l.startsWith("https://") ? l : e + l);
+import C from "@arcgis/core/Basemap";
+import d from "@arcgis/core/config";
+import * as k from "@arcgis/core/core/reactiveUtils";
+import { Polygon as W, Polyline as z, Point as T } from "@arcgis/core/geometry";
+import * as w from "@arcgis/core/geometry/support/webMercatorUtils";
+import L from "@arcgis/core/layers/GeoJSONLayer";
+import x from "@arcgis/core/layers/MapImageLayer";
+import I from "@arcgis/core/layers/TileLayer";
+import R from "@arcgis/core/layers/WebTileLayer";
+import H from "@arcgis/core/Map";
+import G from "@arcgis/core/views/MapView";
+import O from "@arcgis/core/views/SceneView";
+import S from "@turf/destination";
+import * as B from "@turf/helpers";
+import N from "./custom-layer/custom-wmts-layer.mjs";
+function P(h, e) {
+  return h && (h.startsWith("http://") || h.startsWith("https://") ? h : e + h);
 }
-class F {
+class Z {
   constructor() {
     this.mapConfig = {}, this.watchHandleMap = /* @__PURE__ */ new Map(), this.handleIndex = 0, this.zoomWatchHandle = null;
   }
@@ -26,25 +26,25 @@ class F {
    * @returns view
    */
   async initialize(e) {
-    const i = I.useAppDataStore, t = JSON.parse(JSON.stringify(i.mapConfig));
-    this.mapConfig = t;
-    const { container: a, markerClickCallback: r, mapClickCallback: d } = e;
-    g.assetsPath = `${t.assetsRoot}/ArcgisAssets`, g.fontsUrl = `${t.assetsRoot}/fonts`, g.apiKey = "AAPKf5a3e1044d7a4faeb3b1ec7060f5c68equIrP2KbRyL-t_b40Kk4GTWUQ1BFCyttvyQPQnWpFmBd7kp9gkrVihjfmcKBwxjW";
-    const n = new S();
-    if ((t == null ? void 0 : t.mapOptions.mode.toLowerCase()) === "2d" ? this.view = new O({
+    var p, u, b, v;
+    this.mapConfig = e.mapConfig;
+    const { container: t, markerClickCallback: s, mapClickCallback: a } = e;
+    d.assetsPath = `${this.mapConfig.assetsRoot}/ArcgisAssets`, d.fontsUrl = `${this.mapConfig.assetsRoot}/fonts`, d.apiKey = "AAPKf5a3e1044d7a4faeb3b1ec7060f5c68equIrP2KbRyL-t_b40Kk4GTWUQ1BFCyttvyQPQnWpFmBd7kp9gkrVihjfmcKBwxjW";
+    const n = new H();
+    if (((p = this.mapConfig) == null ? void 0 : p.mapOptions.mode.toLowerCase()) === "2d" ? this.view = new G({
       map: n,
-      container: a,
-      ...t.mapOptions
-    }) : this.view = new R({
+      container: t,
+      ...this.mapConfig.mapOptions
+    }) : this.view = new O({
       map: n,
-      container: a,
+      container: t,
       environment: {
         atmosphereEnabled: !0,
         lighting: {
           type: "virtual"
         }
       },
-      ...t == null ? void 0 : t.mapOptions
+      ...(u = this.mapConfig) == null ? void 0 : u.mapOptions
     }), this.view.popup.visibleElements = {
       closeButton: !0,
       collapseButton: !1,
@@ -53,35 +53,35 @@ class F {
     }, this.view.popup.dockOptions = {
       buttonEnabled: !1,
       breakpoint: !1
-    }, this.view.on("click", async (s) => {
-      var v, b;
-      if (d) {
-        let o = s.mapPoint;
-        o.spatialReference.isWebMercator && (o = f.webMercatorToGeographic(
+    }, this.view.on("click", async (i) => {
+      var y, M;
+      if (a) {
+        let o = i.mapPoint;
+        o.spatialReference.isWebMercator && (o = w.webMercatorToGeographic(
           o
-        )), d(
+        )), a(
           [o.x, o.y],
-          [s.screenPoint.x, s.screenPoint.y],
-          s
+          [i.screenPoint.x, i.screenPoint.y],
+          i
         );
       }
       if (this.view.type === "3d") {
         const o = this.view.camera;
         if (this.view.spatialReference.isWebMercator) {
-          const p = f.webMercatorToGeographic(
+          const m = w.webMercatorToGeographic(
             o.position
-          ), w = {
+          ), f = {
             heading: o.heading,
             tilt: o.tilt,
-            position: p.toJSON()
+            position: m.toJSON()
           };
-          console.log(w), (v = navigator.clipboard) == null || v.writeText(JSON.stringify(w));
+          console.log(f), (y = navigator.clipboard) == null || y.writeText(JSON.stringify(f));
         } else
           console.log(o.toJSON());
         console.log(this.view.zoom, this.view.scale);
       } else {
         let o = this.view.center;
-        this.view.spatialReference.isWebMercator && (o = f.webMercatorToGeographic(
+        this.view.spatialReference.isWebMercator && (o = w.webMercatorToGeographic(
           o
         )), console.log({
           center: o.toJSON(),
@@ -89,93 +89,101 @@ class F {
           scale: this.view.scale
         });
       }
-      const c = (b = (await this.view.hitTest(s)).results) == null ? void 0 : b.filter(
+      const r = (M = (await this.view.hitTest(i)).results) == null ? void 0 : M.filter(
         (o) => o.type === "graphic"
       );
-      c.length > 0 && c.forEach((o) => {
-        var w;
-        const p = o.graphic;
-        (w = p.attributes) != null && w.type && r && r(
-          p.attributes.type,
-          p.attributes.id,
-          p.attributes,
-          s
+      r.length > 0 && r.forEach((o) => {
+        var f;
+        const m = o.graphic;
+        (f = m.attributes) != null && f.type && s && s(
+          m.attributes.type,
+          m.attributes.id,
+          m.attributes,
+          i
         );
       });
-    }), t != null && t.baseLayers ? t.baseLayers.forEach((s) => {
-      const h = T(s.url, t.assetsRoot);
-      switch (s.type.toLowerCase()) {
+    }), (b = this.mapConfig) != null && b.baseLayers ? this.mapConfig.baseLayers.forEach((i) => {
+      const c = P(i.url, this.mapConfig.assetsRoot);
+      switch (i.type.toLowerCase()) {
         case "webTile".toLowerCase(): {
-          const c = new L({
-            urlTemplate: h,
-            ...s.options
+          const r = new R({
+            urlTemplate: c,
+            ...i.options
           });
-          n.add(c);
+          n.add(r);
           break;
         }
         case "tile": {
-          const c = new x({
-            url: h,
-            ...s.options
+          const r = new I({
+            url: c,
+            ...i.options
           });
-          n.add(c);
+          n.add(r);
           break;
         }
         case "customWMTS".toLowerCase(): {
-          const c = new G({
-            urlTemplate: h,
-            ...s.options
+          const r = new N({
+            urlTemplate: c,
+            ...i.options
           });
-          n.add(c);
+          n.add(r);
+          break;
+        }
+        case "mapImage".toLowerCase(): {
+          const r = new x({
+            url: c,
+            ...i.options
+          });
+          n.add(r);
           break;
         }
         case "arcgis": {
-          const c = new y(s.options);
-          n.basemap = c;
+          const r = new C(i.options);
+          n.basemap = r;
           break;
         }
       }
-    }) : n.basemap = new y({
+    }) : n.basemap = new C({
       style: {
         id: "arcgis/light-gray",
         language: "zh-CN"
       }
-    }), t != null && t.hdLayers) {
-      const s = t.hdLayers.map(
-        (h) => (
+    }), (v = this.mapConfig) != null && v.hdLayers) {
+      const i = this.mapConfig.hdLayers.map(
+        (c) => (
           // 图层文件为GeoJson格式, renderer和symbol使用autocast配置
-          new z({
-            url: T(h.url, t.assetsRoot),
-            ...h.options,
-            title: h.options.id
+          new L({
+            url: P(c.url, this.mapConfig.assetsRoot),
+            ...c.options,
+            title: c.options.id
           })
         )
       );
-      n.addMany(s);
+      n.addMany(i);
     }
-    this.view.ui.remove("attribution"), this.view.ui.add("compass", "top-left"), await this.view.when();
-    const m = this.mapConfig.camera;
-    let u;
+    this.view.ui.remove("attribution"), await this.view.when();
+    const g = this.mapConfig.camera;
+    let l;
     if (this.view.type === "2d") {
-      let s = this.view.center;
-      this.view.spatialReference.isWebMercator && (s = f.webMercatorToGeographic(
-        s
-      )), u = { center: [s.x, s.y], zoom: this.view.zoom };
+      let i = this.view.center;
+      this.view.spatialReference.isWebMercator && (i = w.webMercatorToGeographic(
+        i
+      )), l = { center: [i.x, i.y], zoom: this.view.zoom };
     } else {
-      let s = this.view.camera.position;
-      this.view.spatialReference.isWebMercator && (s = f.webMercatorToGeographic(
-        s
-      )), u = {
-        position: s,
+      let i = this.view.camera.position;
+      this.view.spatialReference.isWebMercator && (i = w.webMercatorToGeographic(
+        i
+      )), l = {
+        position: i,
         heading: this.view.camera.heading,
         tilt: this.view.camera.tilt
       };
     }
-    return m ? m.home = u : this.mapConfig.camera = { home: u }, this.view;
+    return g ? g.home = l : this.mapConfig.camera = { home: l }, this.view;
   }
   setLayerVisibility(e) {
-    const { id: i, visible: t } = e, a = this.view.map.findLayerById(i);
-    return a ? (a.visible = t, { status: 0, message: "ok" }) : { status: -1, message: "未找到图层" };
+    const { id: t, visible: s } = e, a = this.view.map.findLayerById(t);
+    return a ? (a.visible = s, { status: 0, message: "ok" }) : { status: -1, message: "未找到图层" };
   }
   /**
    * 设置地图中心点
@@ -183,19 +191,19 @@ class F {
    * @returns
    */
   async setMapCenter(e) {
-    var i;
+    var t;
     if (!this.view)
       return { status: -1, message: "未初始化" };
     if (e.center || e.target) {
-      switch ((i = e.target) == null ? void 0 : i.type) {
+      switch ((t = e.target) == null ? void 0 : t.type) {
         case "point":
-          e.target = new k(e.target);
+          e.target = new T(e.target);
           break;
         case "polyline":
-          e.target = new W(e.target);
+          e.target = new z(e.target);
           break;
         case "polygon":
-          e.target = new P(e.target);
+          e.target = new W(e.target);
           break;
       }
       await this.view.goTo(e, { duration: (e.duration || 0) * 1e3 });
@@ -208,8 +216,8 @@ class F {
   async lookAt(e) {
     if (this.view.type === "2d")
       return;
-    const i = e.tilt || 0, t = e.heading || 0;
-    if (i === 0)
+    const t = e.tilt || 0, s = e.heading || 0;
+    if (t === 0)
       await this.view.goTo(
         {
           position: {
@@ -217,16 +225,16 @@ class F {
             y: e.center[1],
             z: e.height
           },
-          heading: t,
+          heading: s,
           tilt: 0
         },
         { duration: (e.duration || 2) * 1e3 }
       );
     else {
-      const a = Math.tan(i * Math.PI / 180) * e.height, r = C(
-        H.point(e.center),
+      const a = Math.tan(t * Math.PI / 180) * e.height, n = S(
+        B.point(e.center),
         a,
-        t + 180,
+        s + 180,
         {
           units: "meters"
         }
@@ -234,12 +242,12 @@ class F {
       await this.view.goTo(
         {
           position: {
-            x: r.geometry.coordinates[0],
-            y: r.geometry.coordinates[1],
+            x: n.geometry.coordinates[0],
+            y: n.geometry.coordinates[1],
             z: e.height
           },
-          heading: t,
-          tilt: i
+          heading: s,
+          tilt: t
         },
         { duration: (e.duration || 2) * 1e3 }
       );
@@ -248,32 +256,32 @@ class F {
   async setMapCamera(e) {
     if (!this.view)
       return { status: -1, message: "未初始化" };
-    const { name: i, duration: t = 0 } = e, { camera: a } = this.mapConfig;
+    const { name: t, duration: s = 0 } = e, { camera: a } = this.mapConfig;
     if (!a)
       return { status: -1, message: "未配置camera" };
-    const r = a[i];
-    return r ? (await this.view.goTo(r, { duration: t * 1e3 }), { status: 0, message: "成功" }) : { status: -1, message: "未配置camera" };
+    const n = a[t];
+    return n ? (await this.view.goTo(n, { duration: s * 1e3 }), { status: 0, message: "成功" }) : { status: -1, message: "未配置camera" };
   }
   /**
    * 经纬度转像素坐标，在地图移动时回调
    * */
-  requestCoordinateTransform(e, i) {
-    let t = 0;
-    const r = 1e3 / 30, d = M.watch(
+  requestCoordinateTransform(e, t) {
+    let s = 0;
+    const n = 1e3 / 30, g = k.watch(
       () => this.view.center,
       () => {
-        const n = this.transformPoints(e), m = Date.now();
-        m - t > r && (i(n), t = m);
+        const l = this.transformPoints(e), p = Date.now();
+        p - s > n && (t(l), s = p);
       }
     );
-    return this.handleIndex++, this.watchHandleMap.set(this.handleIndex, d), { handle: this.handleIndex, points: this.transformPoints(e) };
+    return this.handleIndex++, this.watchHandleMap.set(this.handleIndex, g), { handle: this.handleIndex, points: this.transformPoints(e) };
   }
   transformPoints(e) {
-    return e.map((i) => {
-      const t = new k({
-        x: i[0],
-        y: i[1]
-      }), a = this.view.toScreen(t);
+    return e.map((t) => {
+      const s = new T({
+        x: t[0],
+        y: t[1]
+      }), a = this.view.toScreen(s);
       return [a.x, a.y];
     });
   }
@@ -281,22 +289,22 @@ class F {
    * 停止坐标转换回调
    * */
   cancelCoordinateTransform(e) {
-    const i = this.watchHandleMap.get(e);
-    i && (i.remove(), this.watchHandleMap.delete(e));
+    const t = this.watchHandleMap.get(e);
+    t && (t.remove(), this.watchHandleMap.delete(e));
   }
   /**
    * 设置地图zoom范围
    * */
   setMapZoomRange(e) {
-    const { min: i, max: t } = e;
-    !i && !t || (this.zoomWatchHandle && this.zoomWatchHandle.remove(), this.zoomWatchHandle = M.watch(
+    const { min: t, max: s } = e;
+    !t && !s || (this.zoomWatchHandle && this.zoomWatchHandle.remove(), this.zoomWatchHandle = k.watch(
       () => this.view.zoom,
       (a) => {
-        i && a <= i && (this.view.zoom = i), t && a >= t && (this.view.zoom = t);
+        t && a <= t && (this.view.zoom = t), s && a >= s && (this.view.zoom = s);
       }
     ));
   }
 }
 export {
-  F as default
+  Z as default
 };

package/es/src/gis-map/utils/open-drive-renderer/index.mjs

@@ -456,20 +456,20 @@ class O {
             const v = Number(f.id);
             if (v === 0)
               continue;
-            const I = f.type, M = [...f.outerPath], N = f.innerPath.concat(
+            const I = f.type, M = [...f.outerPath], A = f.innerPath.concat(
               M.reverse()
             );
-            if (N.length <= 3) {
+            if (A.length <= 3) {
               console.warn(`lane ${v} has less than 3 points`);
               continue;
             }
-            N.push(f.innerPath[0]);
-            const A = new L({
-              rings: [N]
+            A.push(f.innerPath[0]);
+            const N = new L({
+              rings: [A]
             });
-            if (A) {
+            if (N) {
               const j = new g({
-                geometry: A,
+                geometry: N,
                 attributes: {
                   ObjectID: c++,
                   id: `${l}+${p}+${v}`,
@@ -869,7 +869,7 @@ class O {
         geometry: r,
         symbol: {
           type: "simple-fill",
-          color: [0, 0, 255, 0.6],
+          color: [0, 255, 255, 0.6],
           style: "solid",
           outline: {
             width: 0
@@ -1083,10 +1083,10 @@ class O {
   updateAllJunctionSymbol(e) {
     const t = this.junctionLayer.graphics.clone();
     this.junctionLayer.removeAll(), t.forEach((s) => {
-      s.symbol = this.getCrossGraphicSymbol(
+      s.getAttribute("selected") || (s.symbol = this.getCrossGraphicSymbol(
         s.attributes,
         e
-      );
+      ));
     }), this.junctionLayer.addMany(t.toArray());
   }
   /**

package/es/src/gis-map/utils/traffic-flow.mjs

@@ -1,13 +1,13 @@
 import u from "@arcgis/core/Graphic";
 import { Point as p } from "@arcgis/core/geometry";
-import y from "@arcgis/core/layers/GraphicsLayer";
-import d from "../stores/index.mjs";
+import d from "@arcgis/core/layers/GraphicsLayer";
+import y from "../stores/index.mjs";
 import m from "./common-utils.mjs";
 class S {
   constructor(i) {
     this.maxMissCount = 2, this.objectMissCount = /* @__PURE__ */ new Map(), this.showVehiclePlate = !0, this.showGroundVehicle = !0, this.showElevatedVehicle = !0, this.showLog = !1, this.focusVehNo = "", this.view = i;
-    const t = d.useAppDataStore;
-    this.mapConfig = JSON.parse(JSON.stringify(t.mapConfig)), this.objectsLayer = new y(), this.view.map.add(this.objectsLayer);
+    const t = y.useAppDataStore;
+    this.mapConfig = JSON.parse(JSON.stringify(t.mapConfig)), this.objectsLayer = new d(), this.view.map.add(this.objectsLayer);
   }
   /**
    * 开始显示交通流数据
@@ -230,6 +230,7 @@ class S {
       return;
     }
     return {
+      vehicleId: l,
       ptcId: l,
       timestamp: t,
       localTimestamp: t,

package/es/src/types/index.d.ts

@@ -247,3 +247,25 @@ export interface IJunctionTableData {
     crossId?: string;
     factoryCode?: string;
 }
+export interface ISignalCountdownProps {
+    displayMode: string;
+    crossId: string;
+    roadId: string;
+    mapPoint: number[];
+    stopLine: number[][];
+    position: {
+        left: number;
+        top: number;
+    };
+    rotation: number;
+    lampStatus: {
+        uNumber?: number;
+        uColor?: string;
+        lNumber?: number;
+        lColor?: string;
+        sNumber?: number;
+        sColor?: string;
+        rNumber?: number;
+        rColor?: string;
+    };
+}

package/es/style.css

@@ -1 +1 @@
-.gis-viewer{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}
+.gis-viewer{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.signal-countdown-panel[data-v-d749c855]{position:absolute;display:flex;flex-direction:row;padding:0;margin:0}.signal-countdown-container[data-v-d749c855]{margin:0 1px;padding:0;background-color:#000c;border-style:solid;border-color:#40e0d0;border-width:2px;border-radius:5px;color:#fff;width:40px;height:70px;justify-content:center;align-items:center;display:flex;flex-direction:column}.signal-countdown-number[data-v-d749c855]{font:30px bold}

package/lib/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=(e,o)=>{const t=e.__vccOpts||e;for(const[r,s]of o)t[r]=s;return t};exports.default=u;

package/lib/src/gis-map/gis-map.vue.d.ts

@@ -30,6 +30,34 @@ declare const _sfc_main: import("vue").DefineComponent<{
     openDriveRenderer: OpenDriveRenderer;
     signalControlAreaController: SignalControlAreaController;
     showLogDiv: import("vue").Ref<boolean>;
+    appDataStore: import("pinia").Store<"appData", {
+        mapConfig: {};
+        saveTrackLog: boolean;
+        isSketching: boolean;
+        countdownPanels: import("../types").ISignalCountdownProps[];
+    }, {}, {}>;
+    countdownPanelInfos: import("vue").Ref<{
+        displayMode: string;
+        crossId: string;
+        roadId: string;
+        mapPoint: number[];
+        stopLine: number[][];
+        position: {
+            left: number;
+            top: number;
+        };
+        rotation: number;
+        lampStatus: {
+            uNumber?: number | undefined;
+            uColor?: string | undefined;
+            lNumber?: number | undefined;
+            lColor?: string | undefined;
+            sNumber?: number | undefined;
+            sColor?: string | undefined;
+            rNumber?: number | undefined;
+            rColor?: string | undefined;
+        };
+    }[]>;
     mapViewer: import("vue").ComputedRef<MapView | SceneView>;
     startSaveTrackLog: () => void;
     downloadTrackLog: () => void;
@@ -95,6 +123,98 @@ declare const _sfc_main: import("vue").DefineComponent<{
     resetHighlightSignalControlArea: () => import("../types").IResult;
     props: any;
     emit: (event: "mapLoaded" | "markerClick" | "mapClick", ...args: any[]) => void;
+    SignalCountdownPanel: import("vue").DefineComponent<{
+        displayMode: {
+            type: StringConstructor;
+            required: true;
+        };
+        crossId: {
+            type: StringConstructor;
+            required: true;
+        };
+        roadId: {
+            type: StringConstructor;
+            required: true;
+        };
+        mapPoint: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        stopLine: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        position: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        rotation: {
+            type: NumberConstructor;
+            required: true;
+        };
+        lampStatus: {
+            type: ObjectConstructor;
+            required: true;
+        };
+    }, {
+        props: any;
+        panelStyle: import("vue").ComputedRef<{
+            top: string;
+            left: string;
+            'transform-origin': string;
+            transform: string;
+        }>;
+        uImage: import("vue").ComputedRef<string>;
+        uNumberStyle: import("vue").ComputedRef<{
+            color: string;
+        }>;
+        lImage: import("vue").ComputedRef<string>;
+        lNumberStyle: import("vue").ComputedRef<{
+            color: string;
+        }>;
+        sImage: import("vue").ComputedRef<string>;
+        sNumberStyle: import("vue").ComputedRef<{
+            color: string;
+        }>;
+        rImage: import("vue").ComputedRef<string>;
+        rNumberStyle: import("vue").ComputedRef<{
+            color: string;
+        }>;
+        getColorString: (color: string | undefined) => "red" | "rgb(255, 192, 2)" | "lime" | "white";
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        displayMode: {
+            type: StringConstructor;
+            required: true;
+        };
+        crossId: {
+            type: StringConstructor;
+            required: true;
+        };
+        roadId: {
+            type: StringConstructor;
+            required: true;
+        };
+        mapPoint: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        stopLine: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        position: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        rotation: {
+            type: NumberConstructor;
+            required: true;
+        };
+        lampStatus: {
+            type: ObjectConstructor;
+            required: true;
+        };
+    }>>, {}, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mapLoaded" | "markerClick" | "mapClick")[], "mapLoaded" | "markerClick" | "mapClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     config: {
         type: StringConstructor;