@baidumap/vue-bmap 1.0.0 → 1.0.2

package/dist/components/Layer/PointShapeLayer.d.ts

@@ -0,0 +1,193 @@
+import { PropType } from 'vue';
+
+export interface PointShapeStyle {
+    visibility?: boolean;
+    shapeType?: number;
+    anchor?: number;
+    size?: number;
+    scale?: number;
+    rotation?: number;
+    offset?: [number, number];
+    color?: string;
+    opacity?: number;
+    strokeColor?: string;
+    strokeWeight?: number;
+}
+export interface PointShapeLayerOptions {
+    isFlat?: boolean;
+    style?: PointShapeStyle;
+    idKey?: string;
+    crs?: string;
+    selectedIndex?: number;
+    selectedColor?: string;
+    visible?: boolean;
+    opacity?: number;
+    minZoom?: number;
+    maxZoom?: number;
+    zIndex?: number;
+    enablePicked?: boolean;
+    autoSelect?: boolean;
+    popEvent?: boolean;
+    pickWidth?: number;
+    pickHeight?: number;
+}
+export interface PointShapeLayerProps extends PointShapeLayerOptions {
+    data?: object;
+}
+export declare const PointShapeLayer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    isFlat: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    style: {
+        type: PropType<PointShapeStyle>;
+        default: any;
+    };
+    idKey: {
+        type: StringConstructor;
+        default: any;
+    };
+    crs: {
+        type: StringConstructor;
+        default: any;
+    };
+    selectedIndex: {
+        type: NumberConstructor;
+        default: any;
+    };
+    selectedColor: {
+        type: StringConstructor;
+        default: any;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    opacity: {
+        type: NumberConstructor;
+        default: any;
+    };
+    minZoom: {
+        type: NumberConstructor;
+        default: any;
+    };
+    maxZoom: {
+        type: NumberConstructor;
+        default: any;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: any;
+    };
+    enablePicked: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    autoSelect: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    popEvent: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    pickWidth: {
+        type: NumberConstructor;
+        default: any;
+    };
+    pickHeight: {
+        type: NumberConstructor;
+        default: any;
+    };
+    data: {
+        type: PropType<object>;
+        default: any;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    isFlat: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    style: {
+        type: PropType<PointShapeStyle>;
+        default: any;
+    };
+    idKey: {
+        type: StringConstructor;
+        default: any;
+    };
+    crs: {
+        type: StringConstructor;
+        default: any;
+    };
+    selectedIndex: {
+        type: NumberConstructor;
+        default: any;
+    };
+    selectedColor: {
+        type: StringConstructor;
+        default: any;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    opacity: {
+        type: NumberConstructor;
+        default: any;
+    };
+    minZoom: {
+        type: NumberConstructor;
+        default: any;
+    };
+    maxZoom: {
+        type: NumberConstructor;
+        default: any;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: any;
+    };
+    enablePicked: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    autoSelect: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    popEvent: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    pickWidth: {
+        type: NumberConstructor;
+        default: any;
+    };
+    pickHeight: {
+        type: NumberConstructor;
+        default: any;
+    };
+    data: {
+        type: PropType<object>;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    visible: boolean;
+    opacity: number;
+    zIndex: number;
+    data: object;
+    style: PointShapeStyle;
+    minZoom: number;
+    maxZoom: number;
+    idKey: string;
+    crs: string;
+    selectedIndex: number;
+    selectedColor: string;
+    enablePicked: boolean;
+    autoSelect: boolean;
+    isFlat: boolean;
+    popEvent: boolean;
+    pickWidth: number;
+    pickHeight: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Layer/ThreeLayer.d.ts

@@ -0,0 +1,238 @@
+import { PropType } from 'vue';
+import { Point } from '../../types';
+
+/**
+ * three.js 的对象（Scene / Camera / WebGLRenderer / Object3D 等）。
+ * 本库不依赖 three，也不想把 three 的类型塞进公共 API，交由宿主自行断言。
+ */
+export type ThreeObject = any;
+/** SDK ThreeLayer 实例上实际存在的成员（取自 v4 bundle） */
+export interface ThreeLayerInstance {
+    scene?: ThreeObject;
+    camera?: ThreeObject;
+    renderer?: ThreeObject;
+    map?: ThreeObject;
+    add(object: ThreeObject): void;
+    remove(object: ThreeObject): void;
+    getScene(): ThreeObject;
+    getCamera(): ThreeObject;
+    getRender(): ThreeObject;
+    getMap(): ThreeObject | null;
+    triggerRepaint(): void;
+    triggerStop(): void;
+    refreshMap(): void;
+    pick(x: number, y: number): ThreeObject[] | null;
+}
+/**
+ * 生命周期回调。
+ *
+ * SDK 用 `hook.bind(this)(renderer, scene, camera)` 调用，所以普通函数里的 `this` 是 SDK 图层实例；
+ * 第 4 个参数 `layer` 是组件对外的命令式句柄（与 ref 拿到的是同一个对象），箭头函数用它。
+ */
+export type ThreeLayerHook = (this: ThreeLayerInstance, renderer: ThreeObject, scene: ThreeObject, camera: ThreeObject, layer: ThreeLayerRef) => void;
+/** 命令式句柄。图层实例要等 GL 就绪才有，所以句柄本身始终存在，成员在就绪前为 null / no-op。 */
+export interface ThreeLayerRef {
+    /** SDK 图层实例；GL 就绪（onInit 触发）前为 null */
+    readonly raw: ThreeLayerInstance | null;
+    readonly scene: ThreeObject | null;
+    readonly camera: ThreeObject | null;
+    readonly renderer: ThreeObject | null;
+    add(object: ThreeObject): void;
+    remove(object: ThreeObject): void;
+    triggerRepaint(): void;
+    triggerStop(): void;
+    refreshMap(): void;
+    pick(x: number, y: number): ThreeObject[] | null;
+    /**
+     * 经纬度 → three.js 世界坐标（相对固定墨卡托基准点的偏移，单位约等于米）。
+     *
+     * 走 map.toFormatCoords，而不是实例上的 convertLngLat —— 后者在 v4 里是坏的：
+     * 它把 `map.toFormatCoords`（一个函数）当成带 setCenter 的对象用，一调就 TypeError。
+     */
+    toWorld(point: Point): [number, number] | null;
+}
+export interface ThreeLayerOptions {
+    /** 传给 THREE.WebGLRenderer 的 alpha，默认 false。变化会重建图层。 */
+    alpha?: boolean;
+    /** 传给 THREE.WebGLRenderer 的 antialias，默认 false。变化会重建图层。 */
+    antialias?: boolean;
+    /** 是否显示，默认 true */
+    visible?: boolean;
+    /** 最小显示级别，默认 3 */
+    minZoom?: number;
+    /** 最大显示级别，默认 21 */
+    maxZoom?: number;
+    /** 层级，默认 1 */
+    zIndex?: number;
+    /**
+     * 参考中心点。只会写到实例的 this.center，而 v4 的 ThreeLayer.render 取的矩阵
+     * （_updatePolyLayerMatrix）并不带它 —— 世界坐标只能相对默认墨卡托基准点，
+     * 传了反而对不上，一般不用给。
+     */
+    referCenter?: Point;
+    /**
+     * @deprecated 对 ThreeLayer 无效。NormalLayer 构造函数会存 this.opacity、也提供
+     * setOpacity/getOpacity，但 ThreeLayer.render 只做 renderer.render(scene, camera)，
+     * 整块原型里从不读它。three.js 的透明度请设在材质上
+     * （material.transparent = true 且 material.opacity = x）。
+     */
+    opacity?: number;
+}
+export interface ThreeLayerProps extends ThreeLayerOptions {
+    /** GL 就绪、场景/相机/渲染器创建完成后调用，在这里往场景里加物体 */
+    onInit?: ThreeLayerHook;
+    /**
+     * 接管渲染。SDK 里这是 if/else：接了它就**不再**调用默认的
+     * renderer.render(scene, camera)，必须自己渲染。变化会重建图层。
+     */
+    onRender?: ThreeLayerHook;
+    /** 每帧渲染前 */
+    preRender?: ThreeLayerHook;
+    /** 每帧渲染后 */
+    afterRender?: ThreeLayerHook;
+    /** 图层销毁前。SDK 随后会 dispose 场景与渲染器，场景里的物体不需要自己清 */
+    onDestroy?: ThreeLayerHook;
+    /** 因 visible / 缩放级别超出 [minZoom, maxZoom] 而隐藏时 */
+    onHide?: ThreeLayerHook;
+    /** 从隐藏恢复显示时 */
+    onShow?: ThreeLayerHook;
+}
+export declare const ThreeLayer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    alpha: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    antialias: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    minZoom: {
+        type: NumberConstructor;
+        default: any;
+    };
+    maxZoom: {
+        type: NumberConstructor;
+        default: any;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: any;
+    };
+    referCenter: {
+        type: PropType<Point>;
+        default: any;
+    };
+    opacity: {
+        type: NumberConstructor;
+        default: any;
+    };
+    onInit: {
+        type: PropType<ThreeLayerHook>;
+        default: any;
+    };
+    onRender: {
+        type: PropType<ThreeLayerHook>;
+        default: any;
+    };
+    preRender: {
+        type: PropType<ThreeLayerHook>;
+        default: any;
+    };
+    afterRender: {
+        type: PropType<ThreeLayerHook>;
+        default: any;
+    };
+    onDestroy: {
+        type: PropType<ThreeLayerHook>;
+        default: any;
+    };
+    onHide: {
+        type: PropType<ThreeLayerHook>;
+        default: any;
+    };
+    onShow: {
+        type: PropType<ThreeLayerHook>;
+        default: any;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    alpha: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    antialias: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    minZoom: {
+        type: NumberConstructor;
+        default: any;
+    };
+    maxZoom: {
+        type: NumberConstructor;
+        default: any;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: any;
+    };
+    referCenter: {
+        type: PropType<Point>;
+        default: any;
+    };
+    opacity: {
+        type: NumberConstructor;
+        default: any;
+    };
+    onInit: {
+        type: PropType<ThreeLayerHook>;
+        default: any;
+    };
+    onRender: {
+        type: PropType<ThreeLayerHook>;
+        default: any;
+    };
+    preRender: {
+        type: PropType<ThreeLayerHook>;
+        default: any;
+    };
+    afterRender: {
+        type: PropType<ThreeLayerHook>;
+        default: any;
+    };
+    onDestroy: {
+        type: PropType<ThreeLayerHook>;
+        default: any;
+    };
+    onHide: {
+        type: PropType<ThreeLayerHook>;
+        default: any;
+    };
+    onShow: {
+        type: PropType<ThreeLayerHook>;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    visible: boolean;
+    opacity: number;
+    zIndex: number;
+    minZoom: number;
+    maxZoom: number;
+    onRender: ThreeLayerHook;
+    referCenter: Point;
+    onInit: ThreeLayerHook;
+    preRender: ThreeLayerHook;
+    afterRender: ThreeLayerHook;
+    onDestroy: ThreeLayerHook;
+    onHide: ThreeLayerHook;
+    onShow: ThreeLayerHook;
+    alpha: boolean;
+    antialias: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Layer/TrafficLayer.d.ts

@@ -0,0 +1,77 @@
+import { PropType } from 'vue';
+
+export interface TrafficLayerOptions {
+    /** v4: 是否自动刷新路况数据 */
+    autoRefresh?: boolean;
+    /** v4: 路况自动刷新间隔，单位毫秒 */
+    refreshInterval?: number;
+    /** v3: 预测日期 */
+    predictDate?: {
+        weekday: number;
+        hour: number;
+    };
+}
+export interface TrafficLayerProps extends TrafficLayerOptions {
+    /** v4+: 路况颜色 [畅通, 缓行, 拥堵, 严重拥堵]，变化时调用 raw.setColors() */
+    colors?: string[];
+    /** v4+: 是否显示白边，变化时调用 raw.setEdge() */
+    edge?: boolean;
+}
+export declare const TrafficLayer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    autoRefresh: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    refreshInterval: {
+        type: NumberConstructor;
+        default: any;
+    };
+    predictDate: {
+        type: PropType<{
+            weekday: number;
+            hour: number;
+        }>;
+        default: any;
+    };
+    colors: {
+        type: PropType<string[]>;
+        default: any;
+    };
+    edge: {
+        type: BooleanConstructor;
+        default: any;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    autoRefresh: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    refreshInterval: {
+        type: NumberConstructor;
+        default: any;
+    };
+    predictDate: {
+        type: PropType<{
+            weekday: number;
+            hour: number;
+        }>;
+        default: any;
+    };
+    colors: {
+        type: PropType<string[]>;
+        default: any;
+    };
+    edge: {
+        type: BooleanConstructor;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    colors: string[];
+    edge: boolean;
+    predictDate: {
+        weekday: number;
+        hour: number;
+    };
+    autoRefresh: boolean;
+    refreshInterval: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Layer/index.d.ts

@@ -63,16 +63,12 @@ export interface CanvasLayerOptions {
     paneName?: string;
     update?: Function;
 }
-export interface TrafficLayerOptions {
-    predictDate?: unknown;
-}
 export type TileLayerProps = TileLayerOptions;
 export type NormalLayerProps = NormalLayerOptions;
 export type GeoJSONLayerProps = GeoJSONLayerOptions;
 export type DistrictLayerProps = DistrictLayerOptions;
 export type CustomLayerProps = CustomLayerOptions;
 export type CanvasLayerProps = CanvasLayerOptions;
-export type TrafficLayerProps = TrafficLayerOptions;
 export declare const TileLayer: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -91,9 +87,8 @@ export declare const CustomLayer: import('vue').DefineComponent<{}, () => import
 export declare const CanvasLayer: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export declare const TrafficLayer: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { TrafficLayer } from './TrafficLayer';
+export type { TrafficLayerOptions, TrafficLayerProps } from './TrafficLayer';
 export interface RasterTileLayerOptions {
     url: string | ((x: number, y: number, z: number) => string);
     [k: string]: unknown;
@@ -136,3 +131,23 @@ export declare const XYZLayer: import('vue').DefineComponent<{}, () => import('v
 export declare const MVTLayer: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { PixelLayer } from './PixelLayer';
+export type { PixelLayerOptions, PixelLayerProps } from './PixelLayer';
+export { BaiduLayer } from './BaiduLayer';
+export type { BaiduLayerOptions, BaiduLayerProps } from './BaiduLayer';
+export { PanoramaCoverageLayer } from './PanoramaCoverageLayer';
+export type { PanoramaCoverageLayerProps } from './PanoramaCoverageLayer';
+export { FeatureLayer } from './FeatureLayer';
+export type { FeatureLayerOptions, FeatureLayerProps } from './FeatureLayer';
+export { DOMLayer } from './DOMLayer';
+export type { DOMLayerOptions, DOMLayerProps } from './DOMLayer';
+export { PointShapeLayer } from './PointShapeLayer';
+export type { PointShapeStyle, PointShapeLayerOptions, PointShapeLayerProps } from './PointShapeLayer';
+export { PointIconLayer } from './PointIconLayer';
+export type { PointIconLayerEvent, PointIconStyle, PointIconLayerOptions, PointIconLayerProps } from './PointIconLayer';
+export { FillLayer } from './FillLayer';
+export type { FillStyleExpr, FillLayerStyle, FillLayerOptions, FillLayerEvent, FillLayerProps } from './FillLayer';
+export { LineLayer } from './LineLayer';
+export type { LineStyleExpr, LineLayerStyle, LineLayerOptions, LineLayerEvent, LineLayerProps } from './LineLayer';
+export { ThreeLayer } from './ThreeLayer';
+export type { ThreeObject, ThreeLayerInstance, ThreeLayerHook, ThreeLayerRef, ThreeLayerOptions, ThreeLayerProps } from './ThreeLayer';

package/dist/components/Map/Map.d.ts

@@ -2,6 +2,15 @@ import { PropType } from 'vue';
 import { MapHandle, Point, Bounds } from '../../types';
 import { DisplayOptions } from '../../types/core';
 
+/** 个性化生效区域配置（setCustomArea，4.0+，3.0 不支持）。 */
+export interface MapCustomArea {
+    /** 生效区域边界点（普通经纬度 { lng, lat }，组件内部转成原生 Point） */
+    area: Point[];
+    /** 区域内个性化样式，形如 { styleJson: [...] } */
+    style: unknown;
+    /** 生效前的全局个性化调用参数，默认 { styleJson: [] }（setCustomArea 依赖全局个性化管线已初始化） */
+    globalStyle?: unknown;
+}
 export declare const Map: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     center: {
         type: PropType<Point>;
@@ -49,6 +58,10 @@ export declare const Map: import('vue').DefineComponent<import('vue').ExtractPro
     mapStyleV2: {
         default: any;
     };
+    customArea: {
+        type: PropType<false | MapCustomArea>;
+        default: any;
+    };
     minZoom: {
         type: NumberConstructor;
         default: any;
@@ -198,6 +211,10 @@ export declare const Map: import('vue').DefineComponent<import('vue').ExtractPro
     mapStyleV2: {
         default: any;
     };
+    customArea: {
+        type: PropType<false | MapCustomArea>;
+        default: any;
+    };
     minZoom: {
         type: NumberConstructor;
         default: any;
@@ -331,6 +348,7 @@ export declare const Map: import('vue').DefineComponent<import('vue').ExtractPro
     displayOptions: DisplayOptions;
     mapStyle: unknown;
     mapStyleV2: unknown;
+    customArea: false | MapCustomArea;
     defaultCursor: string;
     theme: string;
     onReady: (map: MapHandle) => void;

package/dist/components/Map/index.d.ts

@@ -1,4 +1,4 @@
 export { Map } from './Map';
-export type { MapProps } from './Map';
+export type { MapProps, MapCustomArea } from './Map';
 export { MapRefImpl } from './MapRef';
 export type { MapRef } from './MapRef';

package/dist/components/Menu/index.d.ts

@@ -0,0 +1,54 @@
+import { PropType } from 'vue';
+
+export interface ContextMenuProps {
+}
+export declare const ContextMenu: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export interface MenuItemProps {
+    text: string;
+    callback?: (point?: {
+        lng: number;
+        lat: number;
+    }) => void;
+    iconWidth?: number;
+}
+export declare const MenuItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    callback: {
+        type: PropType<(point?: {
+            lng: number;
+            lat: number;
+        }) => void>;
+        default: any;
+    };
+    iconWidth: {
+        type: NumberConstructor;
+        default: any;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        required: true;
+    };
+    callback: {
+        type: PropType<(point?: {
+            lng: number;
+            lat: number;
+        }) => void>;
+        default: any;
+    };
+    iconWidth: {
+        type: NumberConstructor;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    callback: (point?: {
+        lng: number;
+        lat: number;
+    }) => void;
+    iconWidth: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;