@xingm/vmap-cesium-toolbar 0.0.2-alpha.9 → 0.0.2

package/README.md

@@ -28,12 +28,14 @@ import { CesiumMapToolbar, initCesium } from '@xingm/vmap-cesium-toolbar';
 import '@xingm/vmap-cesium-toolbar/style';
 
 // 初始化Cesium
-const viewer = initCesium('cesiumContainer', {
-  terrainProvider: Cesium.createWorldTerrain()
-});
+(async () => {
+  const { viewer } = await initCesium('cesiumContainer', {
+    terrainProvider: Cesium.createWorldTerrain(),
+  });
 
-// 创建工具栏
-const toolbar = new CesiumMapToolbar(viewer, document.getElementById('toolbar'));
+  // 创建工具栏
+  const toolbar = new CesiumMapToolbar(viewer, document.getElementById('toolbar'));
+})();
 ```
 
 ### Vue 3 项目中使用
@@ -52,11 +54,12 @@ import '@xingm/vmap-cesium-toolbar/style';
 let viewer;
 let toolbar;
 
-onMounted(() => {
+onMounted(async () => {
   // 初始化Cesium
-  viewer = initCesium('cesiumContainer', {
-    terrainProvider: Cesium.createWorldTerrain()
+  const result = await initCesium('cesiumContainer', {
+    terrainProvider: Cesium.createWorldTerrain(),
   });
+  viewer = result.viewer;
 
   // 创建工具栏
   toolbar = new CesiumMapToolbar(viewer, document.getElementById('toolbar'));
@@ -80,30 +83,26 @@ const toolbar = new CesiumMapToolbar(
 );
 ```
 
-### CesiumMapHelper
+### DrawHelper
 
-地图辅助工具类，提供绘制和测量功能。
+绘制工具类（包的默认导出），提供线/面/矩形/圆等交互绘制能力。
 
 ```typescript
-import { CesiumMapHelper } from '@xingm/vmap-cesium-toolbar';
+import DrawHelper from '@xingm/vmap-cesium-toolbar';
 
-const helper = new CesiumMapHelper(viewer);
-helper.startDrawing('line');  // 开始绘制线条
-helper.startMeasurement('distance'); // 开始距离测量
+const drawHelper = new DrawHelper(viewer);
+drawHelper.startDrawingPolygon();
 ```
 
-### CesiumMapLoader
+### initCesium
 
-Cesium初始化工具，简化Cesium的配置和初始化。
+Cesium 初始化函数，简化 Viewer 创建、底图/地形与初始视角配置。
 
 ```typescript
-import { CesiumMapLoader } from '@xingm/vmap-cesium-toolbar';
+import { initCesium } from '@xingm/vmap-cesium-toolbar';
 
-const viewer = CesiumMapLoader.init('container', {
-  terrainProvider: Cesium.createWorldTerrain(),
-  imageryProvider: new Cesium.OpenStreetMapImageryProvider({
-    url: 'https://a.tile.openstreetmap.org/'
-  })
+const { viewer } = await initCesium('cesiumContainer', {
+  cesiumToken: 'your_cesium_ion_token',
 });
 ```
 
@@ -231,6 +230,7 @@ npm run dev
 - [CesiumMapToolbar API](./doc/CesiumMapToolbar_API.md)
 - [CesiumMapHelper API](./doc/CesiumMapHelper_API.md)
 - [CesiumMapLoader API](./doc/CesiumMapLoader_API.md)
+- [CesiumOverlayService API](./doc/CesiumOverlayService_API.md)
 
 ## 依赖要求
 

package/dist/hooks/toolBarConfig.d.ts

@@ -15,6 +15,7 @@ export declare const useToolBarConfig: (viewer: Viewer | undefined, message: Ref
             id: string;
             icon: string;
             title: string;
+            titleKey: string;
             color: string;
             borderColor: string;
             backgroundColor: string;
@@ -25,6 +26,7 @@ export declare const useToolBarConfig: (viewer: Viewer | undefined, message: Ref
             id: string;
             icon: string;
             title: string;
+            titleKey: string;
             color: string;
             backgroundColor: string;
             borderColor?: undefined;
@@ -36,6 +38,7 @@ export declare const useToolBarConfig: (viewer: Viewer | undefined, message: Ref
             icon: boolean;
             activeIcon: boolean;
             title: string;
+            titleKey: string;
             color: string;
             backgroundColor: string;
             borderColor?: undefined;
@@ -45,6 +48,7 @@ export declare const useToolBarConfig: (viewer: Viewer | undefined, message: Ref
             id: string;
             icon: string;
             title: string;
+            titleKey: string;
             color: string;
             borderColor: string;
             backgroundColor: string;

package/dist/hooks/useDrawHelper.d.ts

@@ -18,6 +18,7 @@ export declare function useDrawHelper(viewer: Ref<Cesium.Viewer | undefined>, me
         clearAllEntities: () => void;
         clearAllPoints: () => void;
         removeEntity: (entity: Cesium.Entity) => void;
+        getEntityLabelEntities: (entity: Cesium.Entity) => Cesium.Entity[];
         getFinishedEntities: () => Cesium.Entity[];
         onMeasureComplete: (callback: (result: {
             type: "line" | "polygon" | "rectangle" | "circle";
@@ -41,6 +42,7 @@ export declare function useDrawHelper(viewer: Ref<Cesium.Viewer | undefined>, me
         clearAllEntities: () => void;
         clearAllPoints: () => void;
         removeEntity: (entity: Cesium.Entity) => void;
+        getEntityLabelEntities: (entity: Cesium.Entity) => Cesium.Entity[];
         getFinishedEntities: () => Cesium.Entity[];
         onMeasureComplete: (callback: (result: {
             type: "line" | "polygon" | "rectangle" | "circle";
@@ -59,7 +61,12 @@ export declare function useDrawHelper(viewer: Ref<Cesium.Viewer | undefined>, me
     endDrawing: () => void;
     addDrawLine: () => void;
     addDrawArea: () => void;
+    addDrawAreaNoLabel: () => void;
     addDrawCircle: () => void;
+    addDrawCircleNoLabel: () => void;
     addDrawPolygon: () => void;
+    addDrawPolygonNoLabel: () => void;
+    addDrawPolygon_PointIntercept: () => void;
+    addDrawPolygon_FinishFallback: () => void;
     destroyDrawHelper: () => void;
 };

package/dist/hooks/useDynamicRing.d.ts

@@ -0,0 +1,44 @@
+import { Viewer } from '../../node_modules/cesium';
+import * as Cesium from "cesium";
+export type CleanupFn = () => void;
+export type RingDirection = "outward" | "inward";
+export type AddDynamicRingOptions = {
+    position: Cesium.Cartesian3;
+    color?: Cesium.Color;
+    width?: number;
+    height?: number;
+    scale?: number;
+    direction?: RingDirection;
+    imageSize?: number;
+    disableDepthTestDistance?: number;
+};
+export type DynamicRingInstance = {
+    billboard: Cesium.Billboard;
+    color: Cesium.Color;
+    direction: RingDirection;
+};
+export declare function getRingCanvas(size?: number): HTMLCanvasElement;
+export declare function addDynamicRing(collection: Cesium.BillboardCollection, options: AddDynamicRingOptions): DynamicRingInstance;
+export type StartDynamicRingOptions = {
+    lon: number;
+    lat: number;
+    /** 任选其一：radiusMeters / diameterMeters / widthMeters+heightMeters */
+    radiusMeters?: number;
+    diameterMeters?: number;
+    widthMeters?: number;
+    heightMeters?: number;
+    color?: Cesium.Color;
+    /** 发散方向：outward(由小到大) / inward(由大到小) */
+    direction?: RingDirection;
+    heightOffset?: number;
+    imageSize?: number;
+    disableDepthTestDistance?: number;
+    period?: number;
+    baseScale?: number;
+    scaleRange?: number;
+    baseAlpha?: number;
+};
+/**
+ * 一站式：创建光圈 + 贴地采样 + preRender 动画，并返回 cleanup
+ */
+export declare function startDynamicRing(viewer: Viewer, options: StartDynamicRingOptions): CleanupFn;

package/dist/hooks/useHeatmapHelper.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { default as CesiumHeatmapLayer, HeatPoint, HeatmapOptions, HeatmapGradient } from '../libs/CesiumHeatmapLayer';
+import { default as CesiumHeatmapLayer, HeatPoint, HeatmapOptions, HeatmapGradient, HeatmapAutoUpdateOptions } from '../libs/CesiumHeatmapLayer';
 import * as Cesium from "cesium";
 /**
  * 热力图相关的辅助逻辑
@@ -11,12 +11,16 @@ export declare function useHeatmapHelper(viewer: Ref<Cesium.Viewer | undefined>)
         setOpacity: (opacity: number) => void;
         setVisible: (visible: boolean) => void;
         destroy: () => void;
+        setAutoUpdate: (options?: HeatmapAutoUpdateOptions) => void;
+        stopAutoUpdate: () => void;
     } | null, CesiumHeatmapLayer | {
         setData: (points: HeatPoint[]) => void;
         setGradient: (gradient: HeatmapGradient) => void;
         setOpacity: (opacity: number) => void;
         setVisible: (visible: boolean) => void;
         destroy: () => void;
+        setAutoUpdate: (options?: HeatmapAutoUpdateOptions) => void;
+        stopAutoUpdate: () => void;
     } | null>;
     visible: Ref<boolean, boolean>;
     initHeatmap: (options?: HeatmapOptions) => void;
@@ -24,5 +28,7 @@ export declare function useHeatmapHelper(viewer: Ref<Cesium.Viewer | undefined>)
     setHeatmapVisible: (v: boolean) => void;
     setHeatmapOpacity: (alpha: number) => void;
     setHeatmapGradient: (gradient: HeatmapGradient) => void;
+    setHeatmapAutoUpdate: (options?: HeatmapAutoUpdateOptions) => void;
+    stopHeatmapAutoUpdate: () => void;
     destroyHeatmap: () => void;
 };

package/dist/hooks/useMapInit.d.ts

@@ -0,0 +1,14 @@
+export declare const TD_Map_TOKEN: any;
+export declare const China_Map_Bound = "73.5577,18.1597,135.0882,53.5609";
+export declare const China_Map_Center: {
+    longitude: number;
+    latitude: number;
+    height: number;
+};
+export declare const China_Map_Extent: {
+    west: number;
+    south: number;
+    east: number;
+    north: number;
+};
+export declare const TD_Map_Search_URL: (keywords: string, mapConfig: any, token?: any) => string;

package/dist/hooks/useOverlayHelper.d.ts

@@ -1,5 +1,6 @@
 import { Ref } from 'vue';
 import { Entity } from '../../node_modules/cesium';
+import { OverlayEntity } from '../libs/overlay/types';
 import { CesiumOverlayService } from '../libs/overlay';
 import * as Cesium from "cesium";
 /**
@@ -60,12 +61,18 @@ export declare function useOverlayHelper(viewer: Ref<Cesium.Viewer | undefined>,
             updatePositions: (entity: Entity, positions: import('../libs/overlay').OverlayPosition[]) => void;
             updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').PolygonOptions, "material" | "outline" | "outlineColor" | "outlineWidth">>) => void;
             remove: (entityOrId: Entity | string) => boolean;
+            setPrimitiveVisible: (entity: Entity, visible: boolean) => void;
+            applyPrimitiveHighlight: (entity: OverlayEntity, hlColor: Cesium.Color, fillAlpha: number) => void;
+            restorePrimitiveHighlight: (entity: OverlayEntity) => void;
         };
         readonly rectangle: {
             add: (options: import('../libs/overlay').RectangleOptions) => Entity;
             updateCoordinates: (entity: Entity, coordinates: Cesium.Rectangle) => void;
             updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').RectangleOptions, "material" | "outline" | "outlineColor" | "outlineWidth">>) => void;
             remove: (entityOrId: Entity | string) => boolean;
+            setPrimitiveVisible: (entity: Entity, visible: boolean) => void;
+            applyPrimitiveHighlight: (entity: OverlayEntity, hlColor: Cesium.Color, fillAlpha: number) => void;
+            restorePrimitiveHighlight: (entity: OverlayEntity) => void;
         };
         readonly circle: {
             add: (options: import('../libs/overlay').CircleOptions) => Entity;
@@ -73,6 +80,9 @@ export declare function useOverlayHelper(viewer: Ref<Cesium.Viewer | undefined>,
             updateRadius: (entity: Entity, radius: number) => void;
             updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').CircleOptions, "material" | "outline" | "outlineColor" | "outlineWidth">>) => void;
             remove: (entityOrId: Entity | string) => boolean;
+            setPrimitiveVisible: (entity: Entity, visible: boolean) => void;
+            applyPrimitiveHighlight: (entity: OverlayEntity, hlColor: Cesium.Color, fillAlpha: number) => void;
+            restorePrimitiveHighlight: (entity: OverlayEntity) => void;
         };
         readonly ring: {
             add: (options: import('../libs/overlay').RingOptions) => Entity;
@@ -82,6 +92,8 @@ export declare function useOverlayHelper(viewer: Ref<Cesium.Viewer | undefined>,
             setVisible: (entity: Entity, visible: boolean) => void;
             remove: (entityOrId: Entity | string) => boolean;
         };
+        toggleOverlayHighlight: (entity: OverlayEntity, reason?: "click" | "hover") => void;
+        setOverlayHighlight: (entityOrId: OverlayEntity | string, enabled: boolean, reason?: "click" | "hover") => boolean;
         addMarker: (options: import('../libs/overlay').MarkerOptions) => Entity;
         addLabel: (options: import('../libs/overlay').LabelOptions) => Entity;
         addIcon: (options: import('../libs/overlay').IconOptions) => Entity;
@@ -152,12 +164,18 @@ export declare function useOverlayHelper(viewer: Ref<Cesium.Viewer | undefined>,
             updatePositions: (entity: Entity, positions: import('../libs/overlay').OverlayPosition[]) => void;
             updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').PolygonOptions, "material" | "outline" | "outlineColor" | "outlineWidth">>) => void;
             remove: (entityOrId: Entity | string) => boolean;
+            setPrimitiveVisible: (entity: Entity, visible: boolean) => void;
+            applyPrimitiveHighlight: (entity: OverlayEntity, hlColor: Cesium.Color, fillAlpha: number) => void;
+            restorePrimitiveHighlight: (entity: OverlayEntity) => void;
         };
         readonly rectangle: {
             add: (options: import('../libs/overlay').RectangleOptions) => Entity;
             updateCoordinates: (entity: Entity, coordinates: Cesium.Rectangle) => void;
             updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').RectangleOptions, "material" | "outline" | "outlineColor" | "outlineWidth">>) => void;
             remove: (entityOrId: Entity | string) => boolean;
+            setPrimitiveVisible: (entity: Entity, visible: boolean) => void;
+            applyPrimitiveHighlight: (entity: OverlayEntity, hlColor: Cesium.Color, fillAlpha: number) => void;
+            restorePrimitiveHighlight: (entity: OverlayEntity) => void;
         };
         readonly circle: {
             add: (options: import('../libs/overlay').CircleOptions) => Entity;
@@ -165,6 +183,9 @@ export declare function useOverlayHelper(viewer: Ref<Cesium.Viewer | undefined>,
             updateRadius: (entity: Entity, radius: number) => void;
             updateStyle: (entity: Entity, options: Partial<Pick<import('../libs/overlay').CircleOptions, "material" | "outline" | "outlineColor" | "outlineWidth">>) => void;
             remove: (entityOrId: Entity | string) => boolean;
+            setPrimitiveVisible: (entity: Entity, visible: boolean) => void;
+            applyPrimitiveHighlight: (entity: OverlayEntity, hlColor: Cesium.Color, fillAlpha: number) => void;
+            restorePrimitiveHighlight: (entity: OverlayEntity) => void;
         };
         readonly ring: {
             add: (options: import('../libs/overlay').RingOptions) => Entity;
@@ -174,6 +195,8 @@ export declare function useOverlayHelper(viewer: Ref<Cesium.Viewer | undefined>,
             setVisible: (entity: Entity, visible: boolean) => void;
             remove: (entityOrId: Entity | string) => boolean;
         };
+        toggleOverlayHighlight: (entity: OverlayEntity, reason?: "click" | "hover") => void;
+        setOverlayHighlight: (entityOrId: OverlayEntity | string, enabled: boolean, reason?: "click" | "hover") => boolean;
         addMarker: (options: import('../libs/overlay').MarkerOptions) => Entity;
         addLabel: (options: import('../libs/overlay').LabelOptions) => Entity;
         addIcon: (options: import('../libs/overlay').IconOptions) => Entity;
@@ -197,16 +220,25 @@ export declare function useOverlayHelper(viewer: Ref<Cesium.Viewer | undefined>,
     addMarker: () => void;
     addMarkerWithLabel: () => void;
     addLabel: (options: any) => void;
-    addIcon: () => void;
-    addSvg: () => void;
+    addIcon: (coords?: {
+        longitude: number;
+        latitude: number;
+    }) => void;
+    addSvg: (coords?: {
+        longitude: number;
+        latitude: number;
+    }) => void;
     addPolyline: () => void;
     addLine: () => void;
     addArea: () => void;
     addCircle: () => void;
-    addRing: () => void;
+    addCircle123: () => void;
+    addRing: (i?: number) => Cesium.Entity | undefined;
     addPolygon: () => void;
     addRectangle: () => void;
     addInfoWindow: () => void;
+    testSetOverlayHighlight: () => void;
+    testToggleOverlayHighlight: () => void;
     cancelMarkerMode: () => void;
     destroyOverlayService: () => void;
 };

package/dist/i18n/en-US.d.ts

@@ -0,0 +1,135 @@
+declare const enUS: {
+    locale: string;
+    app: {
+        lang: {
+            zh: string;
+            en: string;
+        };
+        located: string;
+        init_success: string;
+        heatmap_empty: string;
+        heatmap_need_add: string;
+        heatmap_added: string;
+        heatmap_auto_on: string;
+        heatmap_auto_off: string;
+        heatmap_lod_coarse: string;
+        heatmap_lod_medium: string;
+        heatmap_lod_fine: string;
+        ring_test_added: string;
+        custom_alert: string;
+        custom_stats: string;
+        custom_visibility: string;
+        custom_alert_title: string;
+        custom_stats_title: string;
+        custom_visibility_title: string;
+    };
+    ui: {
+        draw: {
+            line: string;
+            area: string;
+            area_no_label: string;
+            circle: string;
+            circle_no_label: string;
+            polygon: string;
+            polygon_point_intercept: string;
+            polygon_finish_fallback: string;
+            polygon_no_label: string;
+        };
+        add: {
+            marker: string;
+            line: string;
+            area: string;
+            circle: string;
+            circle123: string;
+            polygon: string;
+            polyline: string;
+            icon: string;
+            svg: string;
+            marker_with_label: string;
+            label: string;
+            rectangle: string;
+            info_window: string;
+            ring: string;
+            ring_test: string;
+            heatmap: string;
+        };
+        test: {
+            set_highlight: string;
+            toggle_highlight: string;
+        };
+        heatmap: {
+            auto_on: string;
+            auto_off: string;
+            lod_coarse: string;
+            lod_medium: string;
+            lod_fine: string;
+        };
+    };
+    draw: {
+        start: {
+            line: string;
+            rectangle: string;
+            rectangle_no_label: string;
+            circle: string;
+            circle_no_label: string;
+            polygon: string;
+            polygon_no_label: string;
+            polygon_point_intercept: string;
+            polygon_finish_fallback: string;
+        };
+        done: {
+            line: string;
+            rectangle: string;
+            rectangle_no_label: string;
+            circle: string;
+            circle_no_label: string;
+            polygon: string;
+            polygon_no_label: string;
+            polygon_point_intercept_ok: string;
+            polygon_point_intercept_end: string;
+            polygon_finish_fallback_ok: string;
+            polygon_finish_fallback_blocked: string;
+        };
+    };
+    overlay: {
+        marker_mode: string;
+        marker_added: string;
+        marker_position: string;
+        sample_marker_label: string;
+        sample_marker_added: string;
+        icon_added: string;
+        icon_clicked: string;
+        svg_added: string;
+        svg_clicked: string;
+        polyline_added: string;
+        polyline_clicked: string;
+        line_added: string;
+        line_clicked: string;
+        area_added: string;
+        area_a_clicked: string;
+        area_b_clicked: string;
+        circle_added: string;
+        circle_a_clicked: string;
+        circle_b_clicked: string;
+        circle_c_clicked: string;
+        circle_d_clicked: string;
+        circle_e_clicked: string;
+        circle_alarm_clicked: string;
+        circle_detect_clicked: string;
+        rectangle_added: string;
+        rectangle_a_clicked: string;
+        rectangle_b_clicked: string;
+        rectangle_c_clicked: string;
+        rectangle_d_clicked: string;
+        rectangle_e_clicked: string;
+        highlight_need_rect_b: string;
+        highlight_need_rect_e: string;
+        info_window_added: string;
+        info_clicked: string;
+        info_window_title: string;
+        info_window_desc: string;
+        ring_added: string;
+        ring_clicked: string;
+    };
+};
+export default enUS;

package/dist/i18n/index.d.ts

@@ -0,0 +1,3 @@
+import { I18nLike } from '../libs/i18n';
+export declare const i18n: I18nLike;
+export type { I18nLike };

package/dist/i18n/zh-CN.d.ts

@@ -0,0 +1,135 @@
+declare const zhCN: {
+    locale: string;
+    app: {
+        lang: {
+            zh: string;
+            en: string;
+        };
+        located: string;
+        init_success: string;
+        heatmap_empty: string;
+        heatmap_need_add: string;
+        heatmap_added: string;
+        heatmap_auto_on: string;
+        heatmap_auto_off: string;
+        heatmap_lod_coarse: string;
+        heatmap_lod_medium: string;
+        heatmap_lod_fine: string;
+        ring_test_added: string;
+        custom_alert: string;
+        custom_stats: string;
+        custom_visibility: string;
+        custom_alert_title: string;
+        custom_stats_title: string;
+        custom_visibility_title: string;
+    };
+    ui: {
+        draw: {
+            line: string;
+            area: string;
+            area_no_label: string;
+            circle: string;
+            circle_no_label: string;
+            polygon: string;
+            polygon_point_intercept: string;
+            polygon_finish_fallback: string;
+            polygon_no_label: string;
+        };
+        add: {
+            marker: string;
+            line: string;
+            area: string;
+            circle: string;
+            circle123: string;
+            polygon: string;
+            polyline: string;
+            icon: string;
+            svg: string;
+            marker_with_label: string;
+            label: string;
+            rectangle: string;
+            info_window: string;
+            ring: string;
+            ring_test: string;
+            heatmap: string;
+        };
+        test: {
+            set_highlight: string;
+            toggle_highlight: string;
+        };
+        heatmap: {
+            auto_on: string;
+            auto_off: string;
+            lod_coarse: string;
+            lod_medium: string;
+            lod_fine: string;
+        };
+    };
+    draw: {
+        start: {
+            line: string;
+            rectangle: string;
+            rectangle_no_label: string;
+            circle: string;
+            circle_no_label: string;
+            polygon: string;
+            polygon_no_label: string;
+            polygon_point_intercept: string;
+            polygon_finish_fallback: string;
+        };
+        done: {
+            line: string;
+            rectangle: string;
+            rectangle_no_label: string;
+            circle: string;
+            circle_no_label: string;
+            polygon: string;
+            polygon_no_label: string;
+            polygon_point_intercept_ok: string;
+            polygon_point_intercept_end: string;
+            polygon_finish_fallback_ok: string;
+            polygon_finish_fallback_blocked: string;
+        };
+    };
+    overlay: {
+        marker_mode: string;
+        marker_added: string;
+        marker_position: string;
+        sample_marker_label: string;
+        sample_marker_added: string;
+        icon_added: string;
+        icon_clicked: string;
+        svg_added: string;
+        svg_clicked: string;
+        polyline_added: string;
+        polyline_clicked: string;
+        line_added: string;
+        line_clicked: string;
+        area_added: string;
+        area_a_clicked: string;
+        area_b_clicked: string;
+        circle_added: string;
+        circle_a_clicked: string;
+        circle_b_clicked: string;
+        circle_c_clicked: string;
+        circle_d_clicked: string;
+        circle_e_clicked: string;
+        circle_alarm_clicked: string;
+        circle_detect_clicked: string;
+        rectangle_added: string;
+        rectangle_a_clicked: string;
+        rectangle_b_clicked: string;
+        rectangle_c_clicked: string;
+        rectangle_d_clicked: string;
+        rectangle_e_clicked: string;
+        highlight_need_rect_b: string;
+        highlight_need_rect_e: string;
+        info_window_added: string;
+        info_clicked: string;
+        info_window_title: string;
+        info_window_desc: string;
+        ring_added: string;
+        ring_clicked: string;
+    };
+};
+export default zhCN;