tg-map-core 0.0.1

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

@@ -0,0 +1,198 @@
+import type * as CSS from 'csstype';
+import type { Tg } from '../event';
+import type { AbstractEventTargetDelegate } from '../event-target';
+import type { CoordType, CoordTypeSupplier, LatLng, LatLngBounds } from '../lat-lng';
+import type { Padding, Point } from '../types';
+import type { UnionMap } from '../unions';
+import type { AbstractControl, CustomControl } from './controls/control';
+import type { MapTypeControl, MapTypeControlOptions } from './controls/map-type.control';
+import type { ScaleControlOptions } from './controls/scale.control';
+import type { StreetViewControl, StreetViewControlOptions } from './controls/street-view.control';
+import type { ZoomControl, ZoomControlOptions } from './controls/zoom.control';
+import type { Autocomplete, AutocompleteOptions } from './extra/autocomplete';
+import type { Heatmap, HeatmapOptions } from './extra/heatmap';
+import type { MapUrls, MapUrlsOptions } from './extra/map-urls';
+import type { MarkerClusterer, MarkerClustererOptions } from './extra/marker-clusterer';
+import type { PlacesService, PlacesServiceOptions } from './extra/places-service';
+import type { SearchBox, SearchBoxOptions } from './extra/search-box';
+import type { GestureHandlingOptions, MapStyle } from './map-options';
+import type { BuildInMapTypeId, Layer, MapType, OverlayMapType } from './map-type';
+import type { CircleOptions, CircleOverlay } from './overlay/circle';
+import type { ElementOverlay } from './overlay/element-overlay';
+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';
+export type AbstractMapEventMap = {
+    click: Tg.MouseEvent;
+    dblclick: Tg.MouseEvent;
+    /** @deprecated 使用`contextmenu`替代 */
+    rightclick: Tg.MouseEvent;
+    contextmenu: Tg.MouseEvent;
+    dragstart: Tg.Event;
+    drag: Tg.Event;
+    dragend: Tg.Event;
+    /**
+     * ## 不同行为
+     * - baidu: 不会触发
+     * - google: 正常触发
+     */
+    mouseover: Tg.MouseEvent;
+    /** @see mouseover */
+    mouseout: Tg.MouseEvent;
+    mousedown: Tg.MouseEvent;
+    mousemove: Tg.MouseEvent;
+    mouseup: Tg.MouseEvent;
+    tilesloaded: Tg.Event;
+    /**
+     * ## 不同实现
+     * - baidu: 同时监听movestart & moving & moveend & zoomend事件, 只要地图"移动"就会触发
+     * - google: 监听center_changed事件, 拖着地图移动时会不断触发, 松手后只触发一次, center的值直接变为地图停止时的最终值...
+     */
+    'center-changed': Tg.Event;
+    /**
+     * ## 不同实现
+     * - baidu: 监听zoomend事件
+     * - google: 监听zoom_changed事件
+     */
+    'zoom-changed': Tg.Event;
+    'map-type-changed': Tg.Event;
+};
+/** 预设的几个地图Zoom等级 */
+export declare const enum MapZoom {
+    /** 世界 */
+    WORLD = 1,
+    /** 大洲 */
+    STATE = 5,
+    /** 城市 */
+    CITY = 10,
+    /** 街道 */
+    STREET = 15,
+    /** 建筑 */
+    BUILDING = 20
+}
+/**
+ * Map通用操作接口, 外部使用
+ *
+ * 为了保证V1和V2兼容, 故依然使用了`AbstractMap`这个名字
+ * */
+export interface AbstractMap extends CoordTypeSupplier, Tg.EventTargetTyped2<AbstractMap, AbstractMapEventMap> {
+    get innerMap(): UnionMap;
+    setBuildInMapTypeId(id: BuildInMapTypeId): void;
+    setMapType(mapType: MapType): void;
+    getMapType(): MapType;
+    fromContainerPointToLatLng(point: Point): LatLng;
+    fromLatLngToContainerPoint(latLng: LatLng): Point;
+    setDefaultCursor(cursor: CSS.Property.Cursor): void;
+    setDraggable(draggable: boolean): void;
+    setDoubleClickZoom(enable: boolean): void;
+    getCenter(): LatLng;
+    setCenter(latlng: LatLng): void;
+    getZoom(): number;
+    setZoom(zoom: number): void;
+    setMinZoom(zoom: number): void;
+    setMaxZoom(zoom: number): void;
+    panTo(position: LatLng): void;
+    panBy(x: number, y: number): void;
+    fitBounds(bounds: LatLngBounds, padding?: Padding): void;
+    getBounds(): LatLngBounds;
+    createAutocomplete(options: AutocompleteOptions): Autocomplete;
+    createSearchBox(options: SearchBoxOptions): SearchBox;
+    createPlacesService(options: PlacesServiceOptions): PlacesService;
+    createMapUrls(options: MapUrlsOptions): MapUrls;
+}
+/** V1版Map的基础类 */
+export declare abstract class BaseMap implements AbstractMap {
+    element: HTMLElement;
+    private latestInfoWindow;
+    /** 使用{@link setEventTargetDelegate}初始化 */
+    private delegate;
+    constructor(element: HTMLElement);
+    abstract setGestureHandling(gestureHandling: GestureHandlingOptions): void;
+    abstract get innerMap(): UnionMap;
+    abstract get coordType(): CoordType;
+    protected setEventTargetDelegate(delegate: AbstractEventTargetDelegate): void;
+    /** 使用重载, 规范事件类型 */
+    addEventListener<K extends keyof AbstractMapEventMap>(type: K, listener: (event: AbstractMapEventMap[K]) => void): void;
+    addEventListener(type: string, listener: Tg.EventListener): void;
+    /** @see addEventListener */
+    removeEventListener<K extends keyof AbstractMapEventMap>(type: K, listener: (event: AbstractMapEventMap[K]) => void): void;
+    removeEventListener(type: string, listener: Tg.EventListener): void;
+    /** 最后一次显示的InfoWindow, 不保证当前它仍然是打开状态 */
+    getLatestInfoWindow(): InfoWindowOverlay | undefined;
+    /** 仅用于@tg/map内部使用, 外部不要调用 */
+    setLatestInfoWindowInternal(infoWindow: InfoWindowOverlay): void;
+    /** 地图容器内的坐标点到经纬度之间转换 */
+    abstract fromContainerPointToLatLng(point: Point): LatLng;
+    /** @see fromContainerPointToLatLng */
+    abstract fromLatLngToContainerPoint(latLng: LatLng): Point;
+    abstract setDefaultCursor(cursor: CSS.Property.Cursor): void;
+    /**
+     * ## 不同行为
+     * - baidu: 禁用拖拽后, 依然可以滚轮缩放
+     * - google: 禁用拖拽后, 不能滚轮缩放
+     */
+    abstract setDraggable(draggable: boolean): void;
+    /** 启用/禁用双击放大 */
+    abstract setDoubleClickZoom(enable: boolean): void;
+    abstract getCenter(): LatLng;
+    /**
+     * ## {@link setZoom}和{@link setCenter}的调用顺序问题
+     * - baidu: 这两个方法调用是区分顺序的, 若先调用`setCenter`再调用`setZoom`, 中心点会出现偏移
+     * - google: 不区分顺序
+     */
+    abstract setCenter(latlng: LatLng): void;
+    abstract setMinZoom(zoom: number): void;
+    abstract setMaxZoom(zoom: number): void;
+    abstract setMapStyle(mapStyle?: MapStyle): void;
+    /** setMapType的便利版, 只能够用来设置内置地图类型 */
+    abstract setBuildInMapTypeId(id: BuildInMapTypeId): void;
+    abstract setMapType(mapType: MapType): void;
+    abstract getMapType(): MapType;
+    abstract addLayer(layer: Layer): void;
+    abstract removeLayer(layer: Layer): void;
+    addOverlayMapType(mapType: OverlayMapType): void;
+    removeOverlayMapType(mapType: OverlayMapType): void;
+    abstract panTo(position: LatLng): void;
+    abstract panBy(x: number, y: number): void;
+    abstract fitBounds(bounds: LatLngBounds, padding?: Padding): void;
+    abstract getBounds(): LatLngBounds;
+    abstract addElementOverlay(overlay: ElementOverlay): void;
+    abstract removeElementOverlay(overlay: ElementOverlay): void;
+    abstract addOverlay(overlay: Overlay): void;
+    abstract removeOverlay(overlay: Overlay): void;
+    abstract createMarker(options: MarkerOptions): MarkerOverlay;
+    abstract createMarkerClusterer(options: MarkerClustererOptions): MarkerClusterer;
+    abstract createHeatmap(options: HeatmapOptions): Heatmap;
+    abstract createAutocomplete(options: AutocompleteOptions): Autocomplete;
+    abstract createSearchBox(options: SearchBoxOptions): SearchBox;
+    abstract createPlacesService(options: PlacesServiceOptions): PlacesService;
+    abstract createMapUrls(options: MapUrlsOptions): MapUrls;
+    abstract createInfoWindow(options: InfoWindowOptions): InfoWindowOverlay;
+    abstract createInfoBox(options: InfoBoxOptions): InfoBoxOverlay;
+    abstract createPolyline(options: PolylineOptions): PolylineOverlay;
+    abstract createPolygon(options: PolygonOptions): PolygonOverlay;
+    abstract createRectangle(options: RectangleOptions): RectangleOverlay;
+    abstract createCircle(options: CircleOptions): CircleOverlay;
+    abstract createLabel(options: LabelOptions): LabelOverlay;
+    /**
+     * ## 不同行为
+     * - baidu: 添加的同一个方位的自定义Control会重叠在一起
+     * - google: 添加的同一个方位的自定义Control不会重叠, 会平铺开来
+     */
+    abstract addCustomControl(control: CustomControl): void;
+    abstract removeCustomControl(control: CustomControl): void;
+    abstract createMapTypeControl(options: MapTypeControlOptions): MapTypeControl;
+    abstract createZoomControl(options: ZoomControlOptions): ZoomControl;
+    abstract createStreetViewControl(options: StreetViewControlOptions): StreetViewControl;
+    abstract createScaleControl(options: ScaleControlOptions): ZoomControl;
+    addControl(control: AbstractControl): void;
+    removeControl(control: AbstractControl): void;
+    getZoom(): number;
+    /** @see setCenter */
+    setZoom(zoom: number): void;
+}

package/dist/src/map/map/overlay/baidu-info-box.d.ts

@@ -0,0 +1,82 @@
+import { Point } from '../../types';
+import './baidu-info-box.scss';
+import type { BMarker } from './marker';
+export type BaiduInfoBox = InstanceType<ReturnType<typeof createBaiduInfoBoxClass>>;
+export declare function createBaiduInfoBox(content: HTMLElement, position?: BMap.Point, offset?: Point, zIndex?: number, maxWidth?: number, borderClass?: string): {
+    container: HTMLElement;
+    border: HTMLElement;
+    inner: HTMLElement;
+    map: BMap.Map | undefined;
+    marker: BMarker | undefined;
+    content: HTMLElement;
+    position: BMap.Point;
+    offset: Point;
+    initialize(map: BMap.Map): HTMLElement;
+    draw(): void;
+    open(map: BMap.Map, anchor?: BMarker): void;
+    attachMarker(marker: BMarker): void;
+    detachMarker(marker: BMarker): void;
+    close(): void;
+    isOpen(): boolean | undefined;
+    onMarkerPositionChanged(): void;
+    setZIndex(zIndex: number): void;
+    setMaxWidth(maxWidth: number): void;
+    setPosition(position: BMap.Point): void;
+    getPosition(): BMap.Point;
+    setOffset(offset: Point): void;
+    getOffset(): Point;
+    isVisible(): boolean;
+    show(): void;
+    hide(): void;
+    addEventListener(event: string, handler: BMap.Callback): void;
+    removeEventListener(event: string, handler: BMap.Callback): void;
+    dispatchEvent(event: {
+        type: string;
+    }): void;
+};
+/**
+ * {@template info_window_vs_box}
+ * baidu自带的InfoWindow有如下问题:
+ * 1. 窗体不可自定义, 默认的窗体有点丑
+ * 2. 一次只能显示一个
+ * 3. 和MarkerClusterer的配合并不好, 重建聚合时会使InfoWindow消失
+ *
+ * 故重新实现了一个InfoBox, 解决上述问题, 用来替代InfoWindow, 但Info也点问题...:
+ * 1. 未实现InfoWindow的autoPan功能
+ * {@endtemplate }
+ */
+declare function createBaiduInfoBoxClass(): {
+    new (content: HTMLElement, position?: BMap.Point, offset?: Point, zIndex?: number, maxWidth?: number, borderClass?: string): {
+        container: HTMLElement;
+        border: HTMLElement;
+        inner: HTMLElement;
+        map: BMap.Map | undefined;
+        marker: BMarker | undefined;
+        content: HTMLElement;
+        position: BMap.Point;
+        offset: Point;
+        initialize(map: BMap.Map): HTMLElement;
+        draw(): void;
+        open(map: BMap.Map, anchor?: BMarker): void;
+        attachMarker(marker: BMarker): void;
+        detachMarker(marker: BMarker): void;
+        close(): void;
+        isOpen(): boolean | undefined;
+        onMarkerPositionChanged(): void;
+        setZIndex(zIndex: number): void;
+        setMaxWidth(maxWidth: number): void;
+        setPosition(position: BMap.Point): void;
+        getPosition(): BMap.Point;
+        setOffset(offset: Point): void;
+        getOffset(): Point;
+        isVisible(): boolean;
+        show(): void;
+        hide(): void;
+        addEventListener(event: string, handler: BMap.Callback): void;
+        removeEventListener(event: string, handler: BMap.Callback): void;
+        dispatchEvent(event: {
+            type: string;
+        }): void;
+    };
+};
+export {};

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

@@ -0,0 +1,51 @@
+import type { Tg } from '../../event';
+import { EventHubEventTargetDelegate } from '../../event-target';
+import { LatLng } from '../../lat-lng';
+import type { BaiduMap } from '../baidu-map';
+import type { GoogleMap } from '../google-map';
+import type { Overlay } from './overlay';
+import { BaiduShape, GoogleShape, type Shape, type ShapeOptions } from './shape';
+export type CircleEventMap = {
+    click: Tg.Event;
+    dblclick: Tg.Event;
+    mousedown: Tg.MouseEvent;
+    mouseup: Tg.MouseEvent;
+    mouseout: Tg.MouseEvent;
+    mouseover: Tg.MouseEvent;
+    'radius-changed': Tg.Event;
+    'center-changed': Tg.Event;
+};
+export interface CircleOptions extends ShapeOptions {
+    center: LatLng;
+    radius: number;
+}
+export interface Circle extends Tg.EventTargetTyped<Circle, CircleEventMap>, Shape {
+    setCenter(center: LatLng): void;
+    getCenter(): LatLng;
+    setRadius(radius: number): void;
+    getRadius(): number;
+}
+export type CircleOverlay = Circle & Overlay;
+export declare class BaiduCircle extends BaiduShape<BMap.Circle> implements Circle {
+    static create(this: BaiduMap, options: CircleOptions): BaiduCircle;
+    private prevCenter;
+    private prevRadius;
+    private isDoingSetCenter;
+    private isDoingSetRadius;
+    private eventHubDelegate;
+    protected createDelegate(): EventHubEventTargetDelegate<"center-changed" | "radius-changed">;
+    private onRadiusChanged;
+    private onCenterChanged;
+    private resetEditableTimeoutId;
+    setCenter(center: LatLng): void;
+    getCenter(): LatLng;
+    setRadius(radius: number): void;
+    getRadius(): number;
+}
+export declare class GoogleCircle extends GoogleShape<google.maps.Circle> implements Circle {
+    static create(this: GoogleMap, options: CircleOptions): GoogleCircle;
+    setCenter(center: LatLng): void;
+    getCenter(): LatLng;
+    setRadius(radius: number): void;
+    getRadius(): number;
+}

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

@@ -0,0 +1,37 @@
+import { LatLng } from '../../lat-lng';
+import { Point } from '../../types';
+import type { BaseMap } from '../map';
+import './element-overlay.scss';
+export declare enum MapPane {
+    map = "map",
+    overlay = "overlay",
+    overlayMouseTarget = "overlayMouseTarget",
+    float = "float"
+}
+export declare namespace MapPanes {
+    function toGoogle(mapPane: MapPane, panes: google.maps.MapPanes): Element;
+    function toBaidu(mapPane: MapPane, panes: BMap.MapPanes): HTMLElement | undefined;
+}
+export interface ElementOverlayOptions {
+    mapPane: MapPane;
+}
+export interface OverlayProjection {
+    fromLatLngToOverlayPoint(latLng: LatLng): Point;
+    fromOverlayPointToLatLng(point: Point): LatLng;
+}
+export declare abstract class ElementOverlay {
+    map: BaseMap;
+    private baidu;
+    private google;
+    private projection;
+    protected element: HTMLElement;
+    private mapPane;
+    constructor(map: BaseMap, options: ElementOverlayOptions);
+    create(): HTMLElement;
+    draw(): void;
+    protected abstract onCreate(): HTMLElement;
+    protected abstract onDraw(projection: OverlayProjection): void;
+    getProjection(): OverlayProjection | undefined;
+    asBaidu(): BMap.OverlayV3;
+    asGoogle(): google.maps.OverlayView;
+}

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

@@ -0,0 +1,68 @@
+import { type Nullable } from 'tg-commons';
+import type { Point } from '../../types';
+import { MapPane } from './element-overlay';
+export type GoogleLabel = InstanceType<ReturnType<typeof createGoogleLabelClass>>;
+export declare function createGoogleLabel(element: HTMLElement, position: Nullable<google.maps.LatLng>, offset?: Point, mapPane?: MapPane, zIndex?: number): {
+    container: HTMLElement;
+    position: Nullable<google.maps.LatLng>;
+    offset?: Point | undefined;
+    _mapPane: MapPane;
+    setZIndex(zIndex: number): void;
+    setElement(element: HTMLElement): void;
+    onAdd(): void;
+    draw(): void;
+    onRemove(): void;
+    setPosition(position: Nullable<google.maps.LatLng>): void;
+    getPosition(): Nullable<google.maps.LatLng>;
+    setOffset(offset: Point): void;
+    getOffset(): Point | undefined;
+    getVisible(): boolean;
+    setVisible(visible: boolean): void;
+    getMap(): google.maps.Map | null | google.maps.StreetViewPanorama;
+    getPanes(): google.maps.MapPanes | null;
+    getProjection(): google.maps.MapCanvasProjection;
+    setMap(map: google.maps.Map | null | google.maps.StreetViewPanorama): void;
+    addListener(eventName: string, handler: Function): google.maps.MapsEventListener;
+    bindTo(key: string, target: google.maps.MVCObject, targetKey?: string | null, noNotify?: boolean): void;
+    get(key: string): any;
+    notify(key: string): void;
+    set(key: string, value: any): void;
+    setValues(values?: object | null): void;
+    unbind(key: string): void;
+    unbindAll(): void;
+};
+/** 打开页面时 google.maps.OverlayView 并没有加载, 故需要将GoogleLabel类写到方法中去 */
+declare function createGoogleLabelClass(): {
+    new (element: HTMLElement, position: Nullable<google.maps.LatLng>, offset?: Point | undefined, _mapPane?: MapPane, zIndex?: number): {
+        container: HTMLElement;
+        position: Nullable<google.maps.LatLng>;
+        offset?: Point | undefined;
+        _mapPane: MapPane;
+        setZIndex(zIndex: number): void;
+        setElement(element: HTMLElement): void;
+        onAdd(): void;
+        draw(): void;
+        onRemove(): void;
+        setPosition(position: Nullable<google.maps.LatLng>): void;
+        getPosition(): Nullable<google.maps.LatLng>;
+        setOffset(offset: Point): void;
+        getOffset(): Point | undefined;
+        getVisible(): boolean;
+        setVisible(visible: boolean): void;
+        getMap(): google.maps.Map | null | google.maps.StreetViewPanorama;
+        getPanes(): google.maps.MapPanes | null;
+        getProjection(): google.maps.MapCanvasProjection;
+        setMap(map: google.maps.Map | null | google.maps.StreetViewPanorama): void;
+        addListener(eventName: string, handler: Function): google.maps.MapsEventListener;
+        bindTo(key: string, target: google.maps.MVCObject, targetKey?: string | null, noNotify?: boolean): void;
+        get(key: string): any;
+        notify(key: string): void;
+        set(key: string, value: any): void;
+        setValues(values?: object | null): void;
+        unbind(key: string): void;
+        unbindAll(): void;
+    };
+    preventMapHitsAndGesturesFrom(this: any, element: Element): void;
+    preventMapHitsFrom(this: any, element: Element): void;
+};
+export {};

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

@@ -0,0 +1,122 @@
+import type { Point, Size } from '../../types';
+export type BaiduIcon = BMap.Icon & {
+    __icon__?: Icon;
+};
+export type BaiduSymbolIcon = BMap.Symbol & {
+    __icon__?: SymbolIcon;
+};
+export type BaiduUnionIcon = BaiduIcon | BaiduSymbolIcon;
+export type UnionIcon = Icon | SymbolIcon;
+export declare const UnionIcon: {
+    toGoogle: (icon: UnionIcon) => google.maps.Icon | google.maps.Symbol;
+    toBaidu: (icon: UnionIcon) => BaiduIcon | BaiduSymbolIcon;
+};
+/**
+ * 图片Icon
+ *
+ * 字面量形式, 使用起来会简单点, 目前没看出使用class形式的必要🤔
+ * */
+export interface Icon {
+    readonly url: string;
+    /** 显示的图片区域大小 */
+    readonly size: Size;
+    /** 图片的显示区域的原点在图片中的坐标, 默认为(0, 0) */
+    readonly origin?: Point;
+    /** 图片显示到地图上的锚点, 默认为图标的底部中点 */
+    readonly anchor?: Point;
+    /** 缩放后的图片大小, 不传则不缩放 */
+    readonly scaledSize?: Size;
+    /** MarkerLabel的中心点相对图标左上角的坐标, 默认为图标的中心点 */
+    readonly labelOrigin?: Point;
+}
+export declare namespace Icon {
+    function toGoogle(icon: Icon): google.maps.Icon;
+    function toBaidu(icon: Icon): BaiduIcon;
+}
+/** 简单的矢量Icon */
+export interface SymbolIcon {
+    readonly path: string | SymbolPath;
+    readonly anchor?: Point;
+    readonly fillColor?: string;
+    /** @default 0, 不显示填充色 */
+    readonly fillOpacity?: number;
+    readonly scale?: number;
+    readonly rotation?: number;
+    readonly strokeColor?: string;
+    /** @default 1, 显示stroke */
+    readonly strokeOpacity?: number;
+    /**
+     * 默认等于{@link scale}
+     * - google: 可以设为0
+     * - baidu: 不能设为0, 为0相当于使用默认值
+     */
+    readonly strokeWeight?: number;
+    /**
+     * baidu地图中Marker的Label的偏移量, 用来保证Label默认对齐到Marker的position
+     *
+     * 这个值的取值和如下参数相关, 但计算这个值的公式没找到...故只能运行时读取+手动设置:
+     * - {@link path}
+     * - {@link rotation}
+     * - {@link scale}
+     * - {@link strokeWeight}
+     * - {@link anchor}
+     *
+     * 详见{@link BaiduLabelOverlay.attachIcon}
+     *
+     * TODO: 使用矩阵运行时计算偏移量
+     */
+    readonly baiduLabelOffset?: Point;
+}
+export declare namespace SymbolIcon {
+    function toGoogle(icon: SymbolIcon): google.maps.Symbol;
+    function toBaidu(icon: SymbolIcon): BaiduSymbolIcon;
+}
+export interface SymbolPath {
+    baidu(): BMap.SymbolShapeType;
+    google(): google.maps.SymbolPath;
+    toString(): string;
+}
+/** 模拟一个SymbolPath的枚举对象 */
+export declare const SymbolPath: {
+    readonly CIRCLE: {
+        readonly baidu: () => number;
+        readonly google: () => google.maps.SymbolPath.CIRCLE;
+    };
+    readonly BACKWARD_CLOSED_ARROW: {
+        readonly baidu: () => number;
+        readonly google: () => google.maps.SymbolPath.BACKWARD_CLOSED_ARROW;
+    };
+    readonly BACKWARD_OPEN_ARROW: {
+        readonly baidu: () => number;
+        readonly google: () => google.maps.SymbolPath.BACKWARD_OPEN_ARROW;
+    };
+    readonly FORWARD_CLOSED_ARROW: {
+        readonly baidu: () => number;
+        readonly google: () => google.maps.SymbolPath.FORWARD_CLOSED_ARROW;
+    };
+    readonly FORWARD_OPEN_ARROW: {
+        readonly baidu: () => number;
+        readonly google: () => google.maps.SymbolPath.FORWARD_OPEN_ARROW;
+    };
+};
+/** 矢量Icon序列 */
+export interface IconSequence {
+    /** 矢量Icon */
+    icon: SymbolIcon;
+    /** @default false */
+    fixedRotation?: boolean;
+    /**
+     * 相对起点的位置, 取值可以是像素或百分比
+     * @default 100%
+     */
+    offset?: string;
+    /**
+     * 重复显示是的间距, 取值可以是像素或百分比;
+     * 若和{@link offset}同时设置, 只有{@link repeat}会生效
+     */
+    repeat?: string;
+}
+export declare namespace IconSequence {
+    function toGoogle(value: IconSequence): google.maps.IconSequence;
+    function toBaidu(value: IconSequence): BMap.IconSequence;
+}

package/dist/src/map/map/overlay/info-box.d.ts

@@ -0,0 +1,60 @@
+import type { Tg } from '../../event';
+import { CoordType, LatLng } from '../../lat-lng';
+import type { Point } from '../../types';
+import type { BaiduMap } from '../baidu-map';
+import type { GoogleMap } from '../google-map';
+import { type BaiduInfoBox } from './baidu-info-box';
+import './google-info.scss';
+import { InfoWindow } from './info-window';
+import type { BaiduMarker, GoogleMarker, Marker } from './marker';
+import { BaiduOverlay } from './overlay';
+export type InfoBoxEventMap = {
+    closeclick: Tg.Event;
+};
+/**
+ * 初始偏移量同{@link InfoWindow}, 底部中点对齐position
+ */
+export interface InfoBoxOptions {
+    content: HTMLElement;
+    position?: LatLng;
+    offset?: Point;
+    zIndex?: number;
+    maxWidth?: number;
+    borderClass?: string;
+}
+/** {@macros info_window_vs_box} */
+export interface InfoBox extends Tg.EventTarget {
+    open(anchor?: Marker): void;
+    close(): void;
+    getPosition(): LatLng;
+    setPosition(position: LatLng): void;
+    setMaxWidth(maxWidth: number): void;
+    setZIndex(zIndex: number): void;
+}
+/** 虽然叫"Overlay", 但并没有继承Overlay... */
+export type InfoBoxOverlay = InfoBox & Tg.EventTargetTyped<InfoBox, InfoBoxEventMap>;
+export declare class BaiduInfoBoxOverlay extends BaiduOverlay<BaiduInfoBox> implements InfoBox {
+    private baiduMap;
+    static create(this: BaiduMap, options: InfoBoxOptions): BaiduInfoBoxOverlay;
+    constructor(innerOverlay: BaiduInfoBox, coordType: CoordType, baiduMap: BaiduMap);
+    open(anchor?: BaiduMarker): void;
+    close(): void;
+    getPosition(): LatLng;
+    setPosition(position: LatLng): void;
+    setMaxWidth(maxWidth: number): void;
+    setZIndex(zIndex: number): void;
+}
+export declare class GoogleInfoBoxOverlay extends InfoWindow implements InfoBox {
+    inner: google.maps.InfoWindow;
+    private coordType;
+    private map;
+    static create(this: GoogleMap, options: InfoBoxOptions): GoogleInfoBoxOverlay;
+    constructor(inner: google.maps.InfoWindow, coordType: CoordType, map: GoogleMap);
+    open(anchor?: GoogleMarker | undefined): void;
+    close(): void;
+    getPosition(): LatLng;
+    setPosition(position: LatLng): void;
+    isOpen(): boolean;
+    setMaxWidth(maxWidth: number): void;
+    setZIndex(zIndex: number): void;
+}