tg-map-core 4.1.7 → 4.2.0

package/dist/src/map/event-target.d.ts

@@ -66,6 +66,11 @@ export declare class TalksEventTargetDelegate<T extends UnionTalksEventTarget =
         'center-changed': string;
         'zoom-changed': string;
     } & Record<string, string | undefined>;
+    private eventTypeMap;
+    /**
+     * @param eventTypeMap 额外的事件类型映射
+     */
+    constructor(inner: T, coordTypeSupplier: CoordTypeSupplier, eventTypeMap?: Record<string, string>);
     addEventListener(type: string, listener: Tg.EventListener): void;
     removeEventListener(type: string, listener: Tg.EventListener): void;
 }

package/dist/src/map/map/baidu-map.d.ts

@@ -20,7 +20,6 @@ import { BaiduInfoBoxOverlay } from './overlay/info-box';
 import { BaiduInfoWindow } from './overlay/info-window';
 import { BaiduLabelOverlay } from './overlay/label';
 import { BaiduMarker } from './overlay/marker';
-import type { BaiduOverlay } from './overlay/overlay';
 import { BaiduPolygon } from './overlay/polygon';
 import { BaiduPolyline } from './overlay/polyline';
 import { BaiduRectangle } from './overlay/rectangle';
@@ -59,8 +58,6 @@ export declare class BaiduMap extends BaseMap {
     getBounds(): LatLngBounds;
     addElementOverlay(overlay: ElementOverlay): void;
     removeElementOverlay(overlay: ElementOverlay): void;
-    addOverlay(overlay: BaiduOverlay): void;
-    removeOverlay(overlay: BaiduOverlay): void;
     addCustomControl(control: CustomControl): void;
     removeCustomControl(control: CustomControl): void;
     createLabel: typeof BaiduLabelOverlay.create;

package/dist/src/map/map/google-map.d.ts

@@ -20,7 +20,6 @@ import { GoogleInfoBoxOverlay } from './overlay/info-box';
 import { GoogleInfoWindow } from './overlay/info-window';
 import { GoogleLabelOverlay } from './overlay/label';
 import { GoogleMarker } from './overlay/marker';
-import type { GoogleOverlay } from './overlay/overlay';
 import { GooglePolygon } from './overlay/polygon';
 import { GooglePolyline } from './overlay/polyline';
 import { GoogleRectangle } from './overlay/rectangle';
@@ -58,8 +57,6 @@ export declare class GoogleMap extends BaseMap {
     getBounds(): LatLngBounds;
     addElementOverlay(overlay: ElementOverlay): void;
     removeElementOverlay(overlay: ElementOverlay): void;
-    addOverlay(overlay: GoogleOverlay): void;
-    removeOverlay(overlay: GoogleOverlay): void;
     addCustomControl(control: CustomControl): void;
     removeCustomControl(control: CustomControl): void;
     createLabel: typeof GoogleLabelOverlay.create;

package/dist/src/map/map/here-map.d.ts

@@ -20,7 +20,6 @@ import type { InfoBoxOptions, InfoBoxOverlay } from './overlay/info-box';
 import type { InfoWindowOptions, InfoWindowOverlay } from './overlay/info-window';
 import type { LabelOptions, LabelOverlay } from './overlay/label';
 import type { MarkerOptions, MarkerOverlay } from './overlay/marker';
-import type { Overlay } from './overlay/overlay';
 import type { PolygonOptions, PolygonOverlay } from './overlay/polygon';
 import type { PolylineOptions, PolylineOverlay } from './overlay/polyline';
 import type { RectangleOptions, RectangleOverlay } from './overlay/rectangle';
@@ -55,8 +54,6 @@ export declare class HereMap extends BaseMap {
     getBounds(): LatLngBounds;
     addElementOverlay(overlay: ElementOverlay): void;
     removeElementOverlay(overlay: ElementOverlay): void;
-    addOverlay(overlay: Overlay<unknown>): void;
-    removeOverlay(overlay: Overlay<unknown>): void;
     createMarker(options: MarkerOptions): MarkerOverlay;
     createMarkerClusterer(options: MarkerClustererOptions): MarkerClusterer;
     createHeatmap(options: HeatmapOptions): Heatmap;

package/dist/src/map/map/map.d.ts

@@ -168,8 +168,8 @@ export declare abstract class BaseMap implements AbstractMap {
     abstract getBounds(): LatLngBounds;
     abstract addElementOverlay(overlay: ElementOverlay): void;
     abstract removeElementOverlay(overlay: ElementOverlay): void;
-    abstract addOverlay(overlay: Overlay): void;
-    abstract removeOverlay(overlay: Overlay): void;
+    addOverlay(overlay: Overlay): void;
+    removeOverlay(overlay: Overlay): void;
     abstract createMarker(options: MarkerOptions): MarkerOverlay;
     abstract createMarkerClusterer(options: MarkerClustererOptions): MarkerClusterer;
     abstract createHeatmap(options: HeatmapOptions): Heatmap;

package/dist/src/map/map/overlay/circle.d.ts

@@ -1,6 +1,6 @@
 import * as maptalks from 'maptalks';
 import type { Tg } from '../../event';
-import { EventHubEventTargetDelegate } from '../../event-target';
+import { EventHubEventTargetDelegate, type EventTargetDelegate } from '../../event-target';
 import { LatLng } from '../../lat-lng';
 import type { BaiduMap } from '../baidu-map';
 import type { GoogleMap } from '../google-map';
@@ -53,6 +53,12 @@ export declare class GoogleCircle extends GoogleShape<google.maps.Circle> implem
 }
 export declare class TalksCircle extends TalksShape<maptalks.Circle> implements Circle {
     static create(this: TalksMap, options: CircleOptions): TalksCircle;
+    private prevCenter?;
+    private prevRadius?;
+    private eventHubDelegate?;
+    protected createDelegate(): EventTargetDelegate;
+    private onRadiusChanged;
+    private onCenterChanged;
     setCenter(center: LatLng): void;
     getCenter(): LatLng;
     setRadius(radius: number): void;

package/dist/src/map/map/overlay/label.d.ts

@@ -107,6 +107,8 @@ export declare class GoogleLabelOverlay extends GoogleOverlay<GoogleLabel> imple
 export type TalksLabel = maptalks.ui.UIMarker;
 export declare class TalksLabelOverlay extends TalksOverlay<TalksLabel> implements Label {
     static create(this: TalksMap, options: LabelOptions): TalksLabelOverlay;
+    addTo(map: TalksMap): void;
+    remove(): void;
     setContent(content: LabelContent): void;
     getPosition(): LatLng;
     setPosition(position: LatLng): void;

package/dist/src/map/map/overlay/marker-label.d.ts

@@ -9,6 +9,8 @@ import './marker-label.scss';
 export interface MarkerLabel {
     text: string;
     className?: string;
+    /** talks不支持{@link className}, 故需要同时设置该属性, 来为talks实现和className类似的效果 */
+    talksStyle?: maptalks.TextSymbol;
     color?: string;
     fontSize?: string;
     fontWeight?: string;

package/dist/src/map/map/overlay/marker.d.ts

@@ -163,6 +163,8 @@ export declare class TalksMarker extends TalksOverlay<maptalks.Marker> implement
     private labelMapChangedListener;
     private labelVisibleChangeInCluster;
     constructor(innerOverlay: maptalks.Marker, coordType: CoordType, map: TalksMap, state: Pick<MarkerOptions, 'icon' | 'label' | 'title'>);
+    addTo(map: TalksMap): void;
+    remove(): void;
     getPosition(): LatLng;
     setPosition(position: LatLng): void;
     setTitle(title: string): void;

package/dist/src/map/map/overlay/overlay.d.ts

@@ -17,13 +17,20 @@ export declare abstract class Overlay<T = unknown> implements Tg.EventTarget {
     constructor(innerOverlay: T, 
     /** 用于保存Overlay内部点的坐标, 它的值有可能和map的不同 */
     coordType: CoordType);
+    /** @see addTo */
     protected abstract map: BaseMap;
     protected abstract createDelegate(): EventTargetDelegate;
     private _delegate;
     private get delegate();
     addEventListener(type: string, listener: Tg.EventListener): void;
     removeEventListener(type: string, listener: Tg.EventListener): void;
-    remove(): void;
+    /**
+     * 添加到地图
+     * @param map 应该和this.map是同一个对象, 目前没有处理两个对象不同的情况, 因此在{@link remove}中也没有清空this.map, 并且this.map也没被声明成可空
+     */
+    abstract addTo(map: BaseMap): void;
+    /** @see addTo */
+    abstract remove(): void;
     abstract isVisible(): boolean;
     abstract setVisible(visible: boolean): void;
 }
@@ -31,6 +38,8 @@ export declare class GoogleOverlay<T extends UnionGoogleOverlay = UnionGoogleOve
     protected map: GoogleMap;
     constructor(innerOverlay: T, coordType: CoordType, map: GoogleMap);
     protected createDelegate(): EventTargetDelegate;
+    addTo(map: GoogleMap): void;
+    remove(): void;
     isVisible(): boolean;
     setVisible(visible: boolean): void;
 }
@@ -38,6 +47,8 @@ export declare class BaiduOverlay<T extends UnionBaiduOverlay = UnionBaiduOverla
     protected map: BaiduMap;
     constructor(innerOverlay: T, coordType: CoordType, map: BaiduMap);
     protected createDelegate(): EventTargetDelegate;
+    addTo(map: BaiduMap): void;
+    remove(): void;
     /** 仅限内部使用; 设为private时, 生成的d.ts文件中, 方法返回值会变成any, 故改成了public */
     get overlay(): Required<Pick<UnionBaiduOverlay, "isVisible" | "show" | "hide">>;
     isVisible(): boolean;
@@ -45,7 +56,7 @@ export declare class BaiduOverlay<T extends UnionBaiduOverlay = UnionBaiduOverla
     /** 在创建BaiduOverlay时, 设置options.visible, 仅内部使用 */
     visibleOptionInternal(visible: boolean | undefined): this;
 }
-export declare class TalksOverlay<T extends UnionTalksOverlay = UnionTalksOverlay> extends Overlay<T> {
+export declare abstract class TalksOverlay<T extends UnionTalksOverlay = UnionTalksOverlay> extends Overlay<T> {
     protected map: TalksMap;
     constructor(innerOverlay: T, coordType: CoordType, map: TalksMap);
     protected createDelegate(): EventTargetDelegate;

package/dist/src/map/map/overlay/polygon.d.ts

@@ -1,6 +1,6 @@
 import * as maptalks from 'maptalks';
 import type { Tg } from '../../event';
-import { EventHubEventTargetDelegate } from '../../event-target';
+import { EventHubEventTargetDelegate, type EventTargetDelegate } from '../../event-target';
 import { LatLng } from '../../lat-lng';
 import type { BaiduMap } from '../baidu-map';
 import type { GoogleMap } from '../google-map';
@@ -44,6 +44,7 @@ export declare class GooglePolygon extends GoogleShape<google.maps.Polygon> impl
 }
 export declare class TalksPolygon extends TalksShape<maptalks.Polygon> implements Polygon {
     static create(this: TalksMap, options: PolygonOptions): TalksPolygon;
+    protected createDelegate(): EventTargetDelegate;
     getPaths(): LatLng[][];
     setPaths(paths: LatLng[][]): void;
 }

package/dist/src/map/map/overlay/polyline.d.ts

@@ -1,6 +1,6 @@
 import * as maptalks from 'maptalks';
 import type { Tg } from '../../event';
-import { EventHubEventTargetDelegate } from '../../event-target';
+import { EventHubEventTargetDelegate, type EventTargetDelegate } from '../../event-target';
 import { LatLng } from '../../lat-lng';
 import type { BaiduMap } from '../baidu-map';
 import type { GoogleMap } from '../google-map';
@@ -73,6 +73,7 @@ export declare class GooglePolyline extends GoogleShape<google.maps.Polyline> im
 }
 export declare class TalksPolyline extends TalksShape<maptalks.LineString> implements Polyline {
     static create(this: TalksMap, options: PolylineOptions): TalksPolyline;
+    protected createDelegate(): EventTargetDelegate;
     getPath(): LatLng[];
     setPath(path: LatLng[]): void;
 }

package/dist/src/map/map/overlay/rectangle.d.ts

@@ -1,5 +1,6 @@
 import * as maptalks from 'maptalks';
 import type { Tg } from '../../event';
+import { type EventTargetDelegate } from '../../event-target';
 import { CoordType, LatLngBounds } from '../../lat-lng';
 import type { BaiduMap } from '../baidu-map';
 import type { GoogleMap } from '../google-map';
@@ -53,6 +54,7 @@ export declare class GoogleRectangle extends GoogleShape<google.maps.Rectangle>
 export declare class TalksRectangle extends TalksShape<maptalks.Rectangle> implements Rectangle {
     static create(this: TalksMap, options: RectangleOptions): TalksRectangle;
     private static convertBoundsToRect;
+    protected createDelegate(): EventTargetDelegate;
     getBounds(): LatLngBounds;
     setBounds(bounds: LatLngBounds): void;
 }

package/dist/src/map/map/overlay/shape.d.ts

@@ -1,6 +1,7 @@
 import type { CoordType } from '../../lat-lng';
 import type { UnionBaiduShape, UnionGoogleShape, UnionTalksShape } from '../../unions';
 import type { BaiduMap } from '../baidu-map';
+import type { TalksMap } from '../talks-map';
 import type { SymbolIcon } from './icon';
 import { BaiduOverlay, GoogleOverlay, TalksOverlay, type OverlayOptions } from './overlay';
 export interface ShapeOptions extends OverlayOptions {
@@ -75,6 +76,20 @@ export declare abstract class GoogleShape<T extends UnionGoogleShape> extends Go
     setZIndex(zIndex: number): void;
 }
 export declare abstract class TalksShape<T extends UnionTalksShape> extends TalksOverlay<T> implements Shape {
+    addTo(map: TalksMap): void;
+    remove(): void;
+    /**
+     * ## 编辑状态的映射
+     * tg-map的editable, 直接表示是否处于编辑状态
+     * talks的editable, 只是标记overlay是否可以编辑(默认为true), 要进入编辑状态(isEditing), 还需要执行startEdit()
+     * 也就是说我们需要想办法把talks的四个状态, 映射为tg-map的两个状态
+     *
+     * 我们的做法是, 用editable保存isEditing期望的值, 保证editable为true时isEditing也会为true, 为false时isEditing也会为false
+     * 这样就可以和tg-map的editable的语义简单对应上了
+     *
+     * @see addTo
+     * @see setEditable
+     */
     isEditable(): boolean;
     setEditable(editable: boolean): void;
     setStrokeColor(color: string): void;

package/dist/src/map/map/talks-map.d.ts

@@ -24,15 +24,12 @@ import { TalksInfoBoxOverlay } from './overlay/info-box';
 import { TalksInfoWindow } from './overlay/info-window';
 import { TalksLabelOverlay } from './overlay/label';
 import { TalksMarker } from './overlay/marker';
-import type { TalksOverlay } from './overlay/overlay';
 import { TalksPolygon } from './overlay/polygon';
 import { TalksPolyline } from './overlay/polyline';
 import { TalksRectangle } from './overlay/rectangle';
 export declare class TalksMap extends BaseMap {
     mapOptions: MapOptions;
     private map;
-    protected markerLayer: maptalks.VectorLayer;
-    protected overlayLayer: maptalks.VectorLayer;
     constructor(element: HTMLElement, mapOptions: MapOptions, baseLayoutIds: [normal: TalksBaseLayerId] | [normal: TalksBaseLayerId, satellite: TalksBaseLayerId] | [normal: TalksBaseLayerId, satellite: TalksBaseLayerId, hybrid: TalksBaseLayerId]);
     setGestureHandling(gestureHandling?: GestureHandlingOptions): void;
     get innerMap(): maptalks.Map;
@@ -60,8 +57,6 @@ export declare class TalksMap extends BaseMap {
     getBounds(): LatLngBounds;
     addElementOverlay(overlay: ElementOverlay): void;
     removeElementOverlay(overlay: ElementOverlay): void;
-    addOverlay(overlay: TalksOverlay): void;
-    removeOverlay(overlay: TalksOverlay): void;
     createMarker: typeof TalksMarker.create;
     createMarkerClusterer(options: MarkerClustererOptions): MarkerClusterer;
     createHeatmap(options: HeatmapOptions): Heatmap;

package/dist/src/utils/talks-layers.d.ts

@@ -1,9 +1,9 @@
 import * as maptalks from 'maptalks';
 import { CoordType } from '../map/lat-lng';
-export declare const talksBaseLayerIds: readonly ["osm", "osm-simple", "google", "baidu", "baidu-detail", "amap", "tencent", "geoq", "tianditu", "yandex", "bing"];
+export declare const talksBaseLayerIds: readonly ["osm", "osm-light", "osm-dark", "google", "baidu", "baidu-detail", "amap", "tencent", "geoq", "tianditu", "yandex", "bing"];
 export type TalksBaseLayerId = typeof talksBaseLayerIds[number];
 export declare function talksBaseLayerIdToCoordType(layerId: TalksBaseLayerId): CoordType;
 export declare function createTalksBaseLayer(layerId: TalksBaseLayerId, { id, visible, }?: {
-    id?: "google" | "osm" | "osm-simple" | "baidu" | "baidu-detail" | "amap" | "tencent" | "geoq" | "tianditu" | "yandex" | "bing" | undefined;
+    id?: "osm" | "osm-light" | "osm-dark" | "google" | "baidu" | "baidu-detail" | "amap" | "tencent" | "geoq" | "tianditu" | "yandex" | "bing" | undefined;
     visible?: boolean | undefined;
 }): maptalks.TileLayer;

package/dist/tg-map-core.cjs

@@ -1556,6 +1556,14 @@ class TalksEventTargetDelegate extends AbstractEventTargetDelegate {
         'center-changed': 'movestart moving moveend zoomend',
         'zoom-changed': 'zoomend',
     });
+    eventTypeMap;
+    /**
+     * @param eventTypeMap 额外的事件类型映射
+     */
+    constructor(inner, coordTypeSupplier, eventTypeMap) {
+        super(inner, coordTypeSupplier);
+        this.eventTypeMap = { ...TalksEventTargetDelegate.EVENT_TYPE_MAP, ...eventTypeMap };
+    }
     addEventListener(type, listener) {
         const key = generateEventKey(type, listener);
         if (this.eventMap.has(key)) {
@@ -1573,14 +1581,14 @@ class TalksEventTargetDelegate extends AbstractEventTargetDelegate {
             }
             listener.call(this.target, ev);
         };
-        this.inner.on(TalksEventTargetDelegate.EVENT_TYPE_MAP[type] ?? type, actualListener);
+        this.inner.on(this.eventTypeMap[type] ?? type, actualListener);
         this.eventMap.set(key, actualListener);
     }
     removeEventListener(type, listener) {
         const key = generateEventKey(type, listener);
         const actualListener = this.eventMap.get(key);
         if (actualListener) {
-            this.inner.off(TalksEventTargetDelegate.EVENT_TYPE_MAP[type] ?? type, actualListener);
+            this.inner.off(this.eventTypeMap[type] ?? type, actualListener);
             this.eventMap.delete(key);
         }
         else {
@@ -7656,6 +7664,12 @@ class BaseMap {
     removeOverlayMapType(mapType) {
         this.removeLayer(mapType);
     }
+    addOverlay(overlay) {
+        overlay.addTo(this);
+    }
+    removeOverlay(overlay) {
+        overlay.remove();
+    }
     addControl(control) {
         control.addTo(this);
     }
@@ -7692,9 +7706,6 @@ class Overlay {
     removeEventListener(type, listener) {
         this.delegate.removeEventListener(type, listener);
     }
-    remove() {
-        this.map.removeOverlay(this);
-    }
 }
 class GoogleOverlay extends Overlay {
     map;
@@ -7705,6 +7716,13 @@ class GoogleOverlay extends Overlay {
     createDelegate() {
         return new GoogleEventTargetDelegate(this.innerOverlay, this.map);
     }
+    addTo(map) {
+        this.map = map;
+        this.innerOverlay.setMap(map.innerMap);
+    }
+    remove() {
+        this.innerOverlay.setMap(null);
+    }
     isVisible() {
         return this.innerOverlay.getVisible();
     }
@@ -7721,6 +7739,13 @@ class BaiduOverlay extends Overlay {
     createDelegate() {
         return new BaiduEventTargetDelegate(this.innerOverlay, this.map);
     }
+    addTo(map) {
+        this.map = map;
+        this.map.innerMap.addOverlay(this.innerOverlay);
+    }
+    remove() {
+        this.map.innerMap.removeOverlay(this.innerOverlay);
+    }
     /** 仅限内部使用; 设为private时, 生成的d.ts文件中, 方法返回值会变成any, 故改成了public */
     get overlay() {
         // 这几个属性被声明成可选的, 这里将其强转成必选
@@ -7830,11 +7855,43 @@ class GoogleShape extends GoogleOverlay {
     }
 }
 class TalksShape extends TalksOverlay {
+    addTo(map) {
+        this.map = map;
+        this.map.overlayLayer.addGeometry(this.innerOverlay);
+        // 添加到地图中之后, startEdit()才有效
+        if (this.isEditable() && !this.innerOverlay.isEditing()) {
+            this.innerOverlay.startEdit();
+        }
+    }
+    remove() {
+        this.map.overlayLayer.removeGeometry(this.innerOverlay);
+    }
+    /**
+     * ## 编辑状态的映射
+     * tg-map的editable, 直接表示是否处于编辑状态
+     * talks的editable, 只是标记overlay是否可以编辑(默认为true), 要进入编辑状态(isEditing), 还需要执行startEdit()
+     * 也就是说我们需要想办法把talks的四个状态, 映射为tg-map的两个状态
+     *
+     * 我们的做法是, 用editable保存isEditing期望的值, 保证editable为true时isEditing也会为true, 为false时isEditing也会为false
+     * 这样就可以和tg-map的editable的语义简单对应上了
+     *
+     * @see addTo
+     * @see setEditable
+     */
     isEditable() {
-        return this.innerOverlay.config().editable ?? true;
+        return this.innerOverlay.config().editable ?? false;
     }
     setEditable(editable) {
+        // 同步设置editable和isEditing
+        // TODO: 2026/01/23 ipcjs 切换编辑状态时, 控制台会报重复注册事件警告, 已提PR: https://github.com/maptalks/maptalks.js/pull/2796
         this.innerOverlay.config({ editable: editable });
+        const isEditing = this.innerOverlay.isEditing();
+        if (editable) {
+            !isEditing && this.innerOverlay.startEdit();
+        }
+        else {
+            isEditing && this.innerOverlay.endEdit();
+        }
     }
     setStrokeColor(color) {
         this.innerOverlay.updateSymbol({ lineColor: color });
@@ -8004,6 +8061,41 @@ class TalksCircle extends TalksShape {
         });
         return new TalksCircle(inner, coord, this);
     }
+    prevCenter;
+    prevRadius;
+    eventHubDelegate;
+    createDelegate() {
+        return (this.eventHubDelegate = new EventHubEventTargetDelegate(super.createDelegate(), {
+            types: ['radius-changed', 'center-changed'],
+            onListen: (type) => {
+                if (type === 'radius-changed') {
+                    this.prevRadius = this.innerOverlay.getRadius();
+                    this.innerOverlay.on('editrecord', this.onRadiusChanged);
+                }
+                else {
+                    this.prevCenter = this.innerOverlay.getCoordinates();
+                    this.innerOverlay.on('editrecord', this.onCenterChanged);
+                }
+            },
+            onCancel: (type) => {
+                this.innerOverlay.off('editrecord', type === 'radius-changed' ? this.onRadiusChanged : this.onCenterChanged);
+            },
+        }));
+    }
+    onRadiusChanged = () => {
+        const radius = this.innerOverlay.getRadius();
+        if (this.prevRadius !== radius) {
+            this.eventHubDelegate?.notify({ type: 'radius-changed', target: this });
+            this.prevRadius = radius;
+        }
+    };
+    onCenterChanged = () => {
+        const center = this.innerOverlay.getCoordinates();
+        if (this.prevCenter !== center && !this.prevCenter?.equals(center)) {
+            this.eventHubDelegate?.notify({ type: 'center-changed', target: this });
+            this.prevCenter = center;
+        }
+    };
     setCenter(center) {
         this.coordType = this.map.coordType;
         this.innerOverlay.setCoordinates(center.toTalks(this.coordType));
@@ -9148,6 +9240,13 @@ class TalksLabelOverlay extends TalksOverlay {
         });
         return new TalksLabelOverlay(label, coord, this);
     }
+    addTo(map) {
+        this.map = map;
+        this.innerOverlay.addTo(map.innerMap);
+    }
+    remove() {
+        this.innerOverlay.remove();
+    }
     setContent(content) {
         this.innerOverlay.setContent(content);
     }
@@ -9343,8 +9442,8 @@ const MarkerLabel = {
     },
     toGoogle: (label) => label,
     toTalks: (label, options) => {
-        if (process.env.NODE_ENV !== 'production' && label.className) {
-            console.warn('talks的MarkerLabel不支持设置className', label);
+        if (process.env.NODE_ENV !== 'production' && label.className && !label.talksStyle) {
+            console.warn('talks的MarkerLabel不支持设置className, 请为它设置talksStyle, 以实现类似的显示效果', label);
         }
         return {
             properties: {
@@ -9359,6 +9458,7 @@ const MarkerLabel = {
                 textWeight: label.fontWeight,
                 textFaceName: label.fontFamily ?? 'Roboto, Arial, sans-serif',
                 ...options,
+                ...label.talksStyle,
             },
         };
     },
@@ -9665,6 +9765,13 @@ class TalksMarker extends TalksOverlay {
         super(innerOverlay, coordType, map);
         this.state = state;
     }
+    addTo(map) {
+        this.map = map;
+        this.map.markerLayer.addGeometry(this.innerOverlay);
+    }
+    remove() {
+        this.map.markerLayer.removeGeometry(this.innerOverlay);
+    }
     getPosition() {
         return LatLng.fromTalks(this.innerOverlay.getCoordinates(), this.coordType);
     }
@@ -9933,6 +10040,12 @@ class TalksPolyline extends TalksShape {
         });
         return new TalksPolyline(inner, coordType, this);
     }
+    createDelegate() {
+        return new TalksEventTargetDelegate(this.innerOverlay, this.map, {
+            // https://maptalks.org/maptalks.js/api/1.x/Geometry.html#event:editrecord
+            'path-edited': 'editrecord',
+        });
+    }
     getPath() {
         return this.innerOverlay.getCoordinates().map(it => LatLng.fromTalks(it, this.coordType));
     }
@@ -10051,6 +10164,12 @@ class TalksPolygon extends TalksShape {
         });
         return new TalksPolygon(inner, coord, this);
     }
+    createDelegate() {
+        return new TalksEventTargetDelegate(this.innerOverlay, this.map, {
+            // https://maptalks.org/maptalks.js/api/1.x/Geometry.html#event:editrecord
+            'paths-edited': 'editrecord',
+        });
+    }
     getPaths() {
         return this.innerOverlay.getCoordinates()
             .map(path => path.map(it => LatLng.fromTalks(it, this.coordType)));
@@ -10216,6 +10335,12 @@ class TalksRectangle extends TalksShape {
             height: computeDistanceBetween(nw, bounds.sw),
         };
     }
+    createDelegate() {
+        return new TalksEventTargetDelegate(this.innerOverlay, this.map, {
+            // https://maptalks.org/maptalks.js/api/1.x/Geometry.html#event:editrecord
+            'bounds-changed': 'editrecord',
+        });
+    }
     getBounds() {
         return LatLngBounds.fromTalks(this.innerOverlay.getExtent(), this.coordType);
     }
@@ -10418,12 +10543,6 @@ class BaiduMap extends BaseMap {
     removeElementOverlay(overlay) {
         this.map.removeOverlay(overlay.asBaidu());
     }
-    addOverlay(overlay) {
-        this.map.addOverlay(overlay.innerOverlay);
-    }
-    removeOverlay(overlay) {
-        this.map.removeOverlay(overlay.innerOverlay);
-    }
     addCustomControl(control) {
         if (!control.inner) {
             const BaiduControl = class extends BMap.Control {
@@ -10644,12 +10763,6 @@ class GoogleMap extends BaseMap {
     removeElementOverlay(overlay) {
         overlay.asGoogle().setMap(null);
     }
-    addOverlay(overlay) {
-        overlay.innerOverlay.setMap(this.map);
-    }
-    removeOverlay(overlay) {
-        overlay.innerOverlay.setMap(null);
-    }
     addCustomControl(control) {
         if (!control.inner) {
             control.inner = control.onCreateElement();
@@ -10798,12 +10911,6 @@ class HereMap extends BaseMap {
     removeElementOverlay(overlay) {
         throw new Error('Method not implemented.');
     }
-    addOverlay(overlay) {
-        throw new Error('Method not implemented.');
-    }
-    removeOverlay(overlay) {
-        throw new Error('Method not implemented.');
-    }
     createMarker(options) {
         throw new Error('Method not implemented.');
     }
@@ -10885,7 +10992,8 @@ const quadKey = (z, x, y) => {
 };
 const talksBaseLayerIds = [
     'osm',
-    'osm-simple',
+    'osm-light',
+    'osm-dark',
     'google',
     'baidu',
     'baidu-detail',
@@ -10901,7 +11009,8 @@ function talksBaseLayerIdToCoordType(layerId) {
         case 'baidu':
         case 'baidu-detail':
             return exports.CoordType.bd09;
-        case 'osm-simple':
+        case 'osm-light':
+        case 'osm-dark':
         case 'osm':
         case 'yandex':
             return exports.CoordType.wgs84;
@@ -11018,13 +11127,20 @@ function createTalksBaseLayer(layerId, { id = layerId, visible = true, } = {}) {
                 subdomains: ['a', 'b', 'c'],
                 attribution: '&copy; <a target="_blank" href="http://www.osm.org/copyright">OSM</a>',
             });
-        case 'osm-simple':
+        case 'osm-light':
             return new maptalks__namespace.TileLayer(id, {
                 visible,
                 urlTemplate: 'http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png',
                 subdomains: ['a', 'b', 'c', 'd'],
                 attribution: '&copy; <a target="_blank" href="http://www.osm.org/copyright">OSM</a> contributors, &copy; <a target="_blank" href="https://carto.com/attributions">CARTO</a>',
             });
+        case 'osm-dark':
+            return new maptalks__namespace.TileLayer(id, {
+                visible,
+                urlTemplate: 'http://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png',
+                subdomains: ['a', 'b', 'c', 'd'],
+                attribution: '&copy; <a target="_blank" href="http://www.osm.org/copyright">OSM</a> contributors, &copy; <a target="_blank" href="https://carto.com/attributions">CARTO</a>',
+            });
     }
 }
 
@@ -11034,7 +11150,9 @@ class TalksMap extends BaseMap {
     map;
     /** @internal */
     currentBaseLayerId;
+    /** @internal */
     markerLayer;
+    /** @internal */
     overlayLayer;
     constructor(element, mapOptions, baseLayoutIds) {
         super(element);
@@ -11180,22 +11298,6 @@ class TalksMap extends BaseMap {
     removeElementOverlay(overlay) {
         // TODO: 2026/01/05 ipcjs 下一版再实现该功能
     }
-    addOverlay(overlay) {
-        if (overlay.innerOverlay instanceof maptalks__namespace.ui.UIComponent) {
-            overlay.innerOverlay.addTo(this.map);
-            return;
-        }
-        const layer = overlay instanceof TalksMarker ? this.markerLayer : this.overlayLayer;
-        layer.addGeometry(overlay.innerOverlay);
-    }
-    removeOverlay(overlay) {
-        if (overlay.innerOverlay instanceof maptalks__namespace.ui.UIComponent) {
-            overlay.innerOverlay.remove();
-            return;
-        }
-        const layer = overlay instanceof TalksMarker ? this.markerLayer : this.overlayLayer;
-        layer.removeGeometry(overlay.innerOverlay);
-    }
     createMarker = TalksMarker.create;
     createMarkerClusterer(options) {
         return new TalksMarkerClusterer(this, options);