@baidumap/vue-bmap 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 百度地图数据智能前端
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,271 @@
+# Vue-BMap
+
+[![npm version](https://img.shields.io/npm/v/@baidumap/vue-bmap.svg)](https://www.npmjs.com/package/@baidumap/vue-bmap)
+[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](./LICENSE)
+
+用 Vue 3 组件写百度地图。地图、标注、覆盖物、控件都是普通的 Vue 组件，跟着响应式数据走，无需手动操作 DOM 或记 SDK 的命令式 API。一套代码同时支持百度地图 **JSAPI 3.0（2D）** 与 **4.0（WebGL）**，选项式（Options API）和组合式（Composition API）都能用。
+
+```vue
+<script setup>
+import { BMapProvider, Map, Marker } from '@baidumap/vue-bmap';
+const center = { lng: 116.404, lat: 39.915 };
+</script>
+
+<template>
+  <BMapProvider ak="您的密钥">
+    <Map :center="center" :zoom="12" style="height: 500px">
+      <Marker :position="center" />
+    </Map>
+  </BMapProvider>
+</template>
+```
+
+> 仅支持 Vue 3（`vue` 为 peer 依赖，`>=3.3`），不兼容 Vue 2。
+
+## 安装
+
+```bash
+npm install @baidumap/vue-bmap
+```
+
+在 [百度地图开放平台](https://lbsyun.baidu.com/apiconsole/key) 申请一个浏览器端 `ak` 密钥即可，**不用**在 `index.html` 里手动加 `<script>`，组件库会自动加载地图脚本。
+
+## 上手
+
+### 1. 顶层放一个 Provider
+
+`BMapProvider` 负责加载地图并把密钥、版本传下去，通常放在应用最外层，只写一次。
+
+```vue
+<template>
+  <BMapProvider ak="您的密钥" version="4.0">
+    <App />
+  </BMapProvider>
+</template>
+```
+
+- `version="4.0"`（默认）：WebGL 三维地图，支持旋转、俯仰、3D。
+- `version="3.0"`：传统 2D 地图，更轻量。
+
+### 2. 放一张地图
+
+`Map` 必须有确定的宽高，容器没高度会看不到地图。中心/缩放有两种写法：
+
+- 非受控：`:default-center` / `:default-zoom`，只用作初始值，之后地图自己维护。
+- 受控：`:center` / `:zoom`，跟随数据变化，改数据地图就动。
+
+```vue
+<template>
+  <Map :center="{ lng: 116.404, lat: 39.915 }" :zoom="12" style="height: 500px" />
+</template>
+```
+
+### 3. 往地图里塞东西
+
+覆盖物、控件都作为 `Map` 的子元素：
+
+```vue
+<template>
+  <Map :center="center" :zoom="12" style="height: 500px">
+    <Marker :position="center" />
+    <InfoWindow :position="center" content="天安门" />
+    <NavigationControl />
+    <ScaleControl />
+  </Map>
+</template>
+```
+
+## 常见用法
+
+### 点击地图 / 标注
+
+地图与覆盖物的事件用 `@` 监听（等价于 `:on-click` 函数 prop），点击回调会拿到经纬度：
+
+```vue
+<template>
+  <Map :center="center" :zoom="12" style="height: 500px" @click="e => console.log('点了地图', e.point)">
+    <Marker :position="center" @click="point => console.log('点了标注', point)" />
+  </Map>
+</template>
+```
+
+### 用数据驱动标注
+
+标注就是数据的映射，增删改直接改响应式数据：
+
+```vue
+<script setup>
+import { ref } from 'vue';
+import { Map, Marker } from '@baidumap/vue-bmap';
+
+const center = { lng: 116.404, lat: 39.915 };
+const points = ref([center]);
+const addPoint = e => points.value.push(e.point);
+</script>
+
+<template>
+  <Map :center="center" :zoom="12" style="height: 500px" @click="addPoint">
+    <Marker v-for="(p, i) in points" :key="i" :position="p" />
+  </Map>
+</template>
+```
+
+### 画线、画圆
+
+```vue
+<template>
+  <Map :center="center" :zoom="12" style="height: 500px">
+    <Polyline
+      :path="[{ lng: 116.399, lat: 39.910 }, { lng: 116.405, lat: 39.920 }]"
+      stroke-color="#3388ff" :stroke-weight="4"
+    />
+    <Circle :center="center" :radius="800" fill-color="#3388ff" :fill-opacity="0.3" />
+  </Map>
+</template>
+```
+
+### 自定义标注图标
+
+```vue
+<template>
+  <Marker :position="center" :icon="{ url: '/pin.png', size: { width: 32, height: 32 } }" />
+</template>
+```
+
+### 地址转坐标（地理编码）
+
+检索类功能以组合式函数（composable）提供，返回强类型结果：
+
+```vue
+<script setup>
+import { useGeocoder } from '@baidumap/vue-bmap';
+
+const { getPoint, getLocation, data } = useGeocoder();
+getPoint('北京市海淀区上地十街10号'); // 地址转坐标，data.value.point 即坐标
+// getLocation({ lng: 116.404, lat: 39.915 }); // 反向：坐标转地址
+</script>
+```
+
+> `useGeocoder` 必须在 `<Map>` 内部的组件中调用（依赖地图上下文）。
+
+## 命令式操作地图
+
+需要主动控制地图（飞到某点、缩放、坐标转换等）时，用 `useMapRef()` 拿到命令式句柄——它是响应式的，地图就绪后自动可用：
+
+```vue
+<script setup>
+import { Map, useMapRef } from '@baidumap/vue-bmap';
+
+const center = { lng: 116.404, lat: 39.915 };
+</script>
+
+<template>
+  <Map :center="center" :zoom="12" style="height: 500px">
+    <Toolbar />
+  </Map>
+</template>
+```
+
+```vue
+<!-- Toolbar.vue：作为 <Map> 的子组件，才能读到地图上下文 -->
+<script setup>
+import { useMapRef } from '@baidumap/vue-bmap';
+const map = useMapRef();
+</script>
+
+<template>
+  <div class="toolbar">
+    <button @click="map?.panTo({ lng: 116.404, lat: 39.915 })">回到中心</button>
+    <button @click="map?.setZoom(15)">放大</button>
+  </div>
+</template>
+```
+
+也可以给 `<Map>` 一个模板 ref，通过 `getMapRef()` 取句柄：`mapEl.value.getMapRef()?.panTo(...)`。
+
+句柄提供了地图的全量方法：`panTo` / `setZoom` / `setViewport` / `getBounds` / `pointToPixel` 等。
+
+## 组合式函数（Composables）
+
+从顶层直接 import，均需在 `<Map>` 内部使用：
+
+- `useMap`、`useMapEvent`、`useMapReady`、`useDriver`、`useMapRef`、`useCapabilities`、`useSymbol`、`useIcon`、`useGeocoder`
+
+`useCapabilities()` 返回当前地图版本支持的能力集合（响应式），可用于提前分支：
+
+```vue
+<script setup>
+import { useCapabilities } from '@baidumap/vue-bmap';
+const caps = useCapabilities();
+// caps.value.has('Marker3D')
+</script>
+```
+
+## 能用哪些组件
+
+从 `@baidumap/vue-bmap` 顶层直接 import，每个组件都带 TypeScript 类型。
+
+- **覆盖物**：`Marker`、`Label`、`Polyline`、`Polygon`、`Circle`、`Rectangle`、`BezierCurve`、`Prism`、`GroundOverlay`、`GroundPoint`、`PointCollection`、`InfoWindow`、`Symbol`、`Icon`、`IconSequence`、`Hotspot`、`Marker3D`
+- **控件**：`NavigationControl`、`NavigationControl3D`、`ScaleControl`、`OverviewMapControl`、`MapTypeControl`、`CopyrightControl`、`GeolocationControl`、`PanoramaControl`、`ZoomControl`、`CityListControl`、`LocationControl`、`LogoControl`
+- **图层**：`TileLayer`、`NormalLayer`、`GeoJSONLayer`、`DistrictLayer`、`TrafficLayer`、`CustomLayer`、`CanvasLayer`、`RasterTileLayer`、`WMSLayer`、`WMTSLayer`、`XYZLayer`、`MVTLayer`
+
+> 部分组件只在 4.0（WebGL）下可用（如 `Prism`、`Marker3D`、`DistrictLayer`）。在不支持的版本使用时，默认会打印一条警告并跳过，不会让页面崩溃。
+
+## 命名约定与冲突处理
+
+组件默认以 **PascalCase** 使用（`<Marker />`、`<LogoControl />`），这是 Vue 3 单文件组件的推荐写法，也和 import 名一一对应。库里同时兼容 kebab-case，但有两点需要留意：
+
+### kebab-case 与原生标签冲突
+
+在单文件组件（SFC）里 `<Marker />` 与 `<marker />` 编译等价。但部分组件是单词名，且与真实的 **SVG/HTML 元素同名**：`Marker`、`Circle`、`Polygon`、`Polyline`、`Label`、`Symbol`、`Rectangle`。
+
+- 用 PascalCase（`<Marker />`）：编译器按 import 名解析，无歧义，**推荐**。
+- 用 kebab-case（`<marker />`）或写在 in-DOM 模板里：会和原生 `<marker>`/`<circle>` 等标签混淆，请通过 import 别名加前缀规避：
+
+```vue
+<script setup>
+import { Marker as BmapMarker, Circle as BmapCircle } from '@baidumap/vue-bmap';
+</script>
+
+<template>
+  <bmap-marker :position="center" />
+  <bmap-circle :center="center" :radius="800" />
+</template>
+```
+
+> 注意大小写映射：别名取 `BmapMarker`（把 Bmap 当一个词）才对应 `<bmap-marker>`；若取 `BMapMarker`，Vue 生成的 kebab 标签是 `<b-map-marker>`。
+
+### `Map` / `Symbol` 会遮蔽同名全局对象
+
+组件 `Map`、`Symbol` 与 JS 全局的 `Map`、`Symbol` 同名。如果在同一个 `<script setup>` 里既 import 了组件又要用原生 `new Map()` / `Symbol()`，请给组件起别名避免遮蔽：
+
+```vue
+<script setup>
+import { Map as BMapMap } from '@baidumap/vue-bmap';
+const cache = new Map(); // 原生 Map 不受影响
+</script>
+
+<template>
+  <BMapMap :center="center" :zoom="12" style="height: 500px" />
+</template>
+```
+
+## 常见问题
+
+**地图不显示？** 检查 `Map` 的容器是否有明确的宽高，`ak` 是否有效、是否配置了域名白名单。
+
+**报错「只能加载一个版本」？** 同一个页面只能加载一个 JSAPI 版本，确保只有一个 `BMapProvider`，且 `version` 保持一致。
+
+## 本地开发
+
+```bash
+npm install
+npm run examples     # 组件交互示例 + API 表格
+npm run test:manual  # 逐组件的手动测试页
+npm run build        # 打包（ESM + CJS + d.ts）
+```
+
+## 许可证
+
+[MIT](./LICENSE)
+

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

@@ -0,0 +1,186 @@
+import { Bounds, Size, OverlayHandle } from '../../types';
+import { ControlAnchor, LengthUnit, MapTypeControlType, NavigationControlType } from '../../constants';
+import { PlainIcon } from '../Overlay/types';
+
+interface ControlReactProps {
+    /** 控制控件显示/隐藏。undefined 或 true = 显示，false = 隐藏 */
+    visible?: boolean;
+}
+export interface NavigationControlOptions {
+    anchor?: ControlAnchor;
+    offset?: Size;
+    type?: NavigationControlType;
+    showZoomInfo?: boolean;
+    enableGeolocation?: boolean;
+}
+export interface NavigationControl3DOptions {
+    anchor?: ControlAnchor;
+    offset?: Size;
+}
+export interface ScaleControlOptions {
+    anchor?: ControlAnchor;
+    offset?: Size;
+    /** 比例尺单位制，走 setUnit() */
+    unit?: LengthUnit;
+}
+export interface OverviewMapControlOptions {
+    anchor?: ControlAnchor;
+    offset?: Size;
+    size?: Size;
+    isOpen?: boolean;
+    zoomInterval?: number;
+    padding?: number;
+}
+export interface MapTypeControlOptions {
+    anchor?: ControlAnchor;
+    offset?: Size;
+    type?: MapTypeControlType;
+    mapTypes?: unknown[];
+    enableSwitch?: boolean;
+    /** 是否显示路网层，走 showStreetLayer() */
+    showStreetLayer?: boolean;
+}
+export interface CopyrightItem {
+    id: number;
+    content?: string;
+    bounds?: Bounds;
+}
+export interface CopyrightControlOptions {
+    anchor?: ControlAnchor;
+    offset?: Size;
+    /** 自定义版权信息，创建和更新时调用 addCopyright() */
+    copyrights?: CopyrightItem[];
+}
+export interface GeolocationControlOptions {
+    anchor?: ControlAnchor;
+    offset?: Size;
+    showAddressBar?: boolean;
+    enableAutoLocation?: boolean;
+    locationIcon?: PlainIcon | OverlayHandle;
+    watchPosition?: boolean;
+    useCompass?: boolean;
+    autoZoom?: boolean;
+    autoViewport?: boolean;
+    /** @since 4.0 定位前回调；返回 false 可阻止默认定位 */
+    onLocationStart?: (onSuccess: Function, onFail: Function) => boolean | void;
+}
+export interface PanoramaControlOptions {
+    anchor?: ControlAnchor;
+    offset?: Size;
+}
+export interface ZoomControlOptions {
+    anchor?: ControlAnchor;
+    offset?: Size;
+}
+export interface CityListControlOptions {
+    anchor?: ControlAnchor;
+    offset?: Size;
+    expand?: boolean;
+    /** @since 4.0 自定义触发元素 */
+    trigger?: HTMLElement;
+    onChangeBefore?: () => void;
+    onChangeAfter?: () => void;
+    onChangeSuccess?: (poi: {
+        city: string;
+        code: string | number;
+    }) => void;
+    /** @since 4.0 */
+    onOpen?: () => void;
+    /** @since 4.0 */
+    onClose?: () => void;
+    canCheckSize?: boolean;
+}
+export type LocationControlOptions = GeolocationControlOptions;
+export interface LogoControlOptions {
+    anchor?: ControlAnchor;
+    offset?: Size;
+}
+export interface NavigationControlProps extends NavigationControlOptions, ControlReactProps {
+}
+export interface NavigationControl3DProps extends NavigationControl3DOptions, ControlReactProps {
+}
+export interface ScaleControlProps extends ScaleControlOptions, ControlReactProps {
+}
+export interface OverviewMapControlProps extends OverviewMapControlOptions, ControlReactProps {
+    onViewChanged?: (raw: unknown) => void;
+    onViewChanging?: (raw: unknown) => void;
+    onResize?: (raw: unknown) => void;
+}
+export interface MapTypeControlProps extends MapTypeControlOptions, ControlReactProps {
+}
+export interface CopyrightControlProps extends CopyrightControlOptions, ControlReactProps {
+}
+export interface GeolocationControlProps extends GeolocationControlOptions, ControlReactProps {
+    onLocationSuccess?: (raw: unknown) => void;
+    onLocationError?: (raw: unknown) => void;
+}
+export interface PanoramaControlProps extends PanoramaControlOptions, ControlReactProps {
+}
+export interface ZoomControlProps extends ZoomControlOptions, ControlReactProps {
+}
+export interface CityListControlProps extends CityListControlOptions, ControlReactProps {
+}
+export type LocationControlProps = GeolocationControlProps;
+export interface LogoControlProps extends LogoControlOptions, ControlReactProps {
+}
+export declare const NavigationControl: 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<{}>, {} | {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const NavigationControl3D: 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<{}>, {} | {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const ScaleControl: 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<{}>, {} | {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const OverviewMapControl: 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<{}>, {} | {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const MapTypeControl: 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<{}>, {} | {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const CopyrightControl: 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<{}>, {} | {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const GeolocationControl: 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<{}>, {} | {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const PanoramaControl: 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<{}>, {} | {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const ZoomControl: 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<{}>, {} | {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const CityListControl: 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<{}>, {} | {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LocationControl: 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<{}>, {} | {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LogoControl: 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<{}>, {} | {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export {};

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

@@ -0,0 +1,138 @@
+import { Point } from '../../types';
+
+export interface TileLayerOptions {
+    transparentPng?: boolean;
+    tileUrlTemplate?: string;
+    zIndex?: number;
+    copyright?: unknown;
+    boundary?: string | string[];
+    opacity?: number;
+    showRegion?: string;
+    retry?: boolean;
+    retryTime?: number;
+    cacheSize?: number;
+    tileLoadFunction?: (tile: HTMLImageElement, url: string) => void;
+}
+export interface NormalLayerOptions {
+    visible?: boolean;
+    opacity?: number;
+    minZoom?: number;
+    maxZoom?: number;
+    zIndex?: number;
+    enablePicked?: boolean;
+    autoSelect?: boolean;
+    popEvent?: boolean;
+    isTop?: boolean;
+    isLowText?: boolean;
+    referCenter?: Point;
+    pickWidth?: number;
+    pickHeight?: number;
+}
+export interface GeoJSONLayerOptions {
+    dataSource?: unknown;
+    reference?: string;
+    markerStyle?: unknown;
+    polylineStyle?: unknown;
+    polygonStyle?: unknown;
+    minZoom?: number;
+    maxZoom?: number;
+    level?: number;
+    visible?: boolean;
+}
+export interface DistrictLayerOptions {
+    name?: string;
+    adcode?: string;
+    kind?: number;
+    autoViewport?: boolean;
+    strokeColor?: string;
+    strokeWeight?: number;
+    strokeOpacity?: number;
+    fillColor?: string;
+    fillOpacity?: number;
+}
+export interface CustomLayerOptions {
+    databoxId?: string;
+    geotableId?: string;
+    q?: string;
+    tags?: string;
+    filter?: string;
+    pointDensity?: number;
+}
+export interface CanvasLayerOptions {
+    zIndex?: number;
+    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>;
+export declare const NormalLayer: 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 GeoJSONLayer: 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 DistrictLayer: 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 CustomLayer: 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 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 interface RasterTileLayerOptions {
+    url: string | ((x: number, y: number, z: number) => string);
+    [k: string]: unknown;
+}
+export interface WMSLayerOptions {
+    url?: string;
+    params?: Record<string, string>;
+    [k: string]: unknown;
+}
+export interface WMTSLayerOptions {
+    url?: string;
+    params?: Record<string, string>;
+    [k: string]: unknown;
+}
+export interface XYZLayerOptions {
+    tileUrlTemplate?: string;
+    [k: string]: unknown;
+}
+export interface MVTLayerOptions {
+    tileUrlTemplate?: string;
+    [k: string]: unknown;
+}
+export type RasterTileLayerProps = RasterTileLayerOptions;
+export type WMSLayerProps = WMSLayerOptions;
+export type WMTSLayerProps = WMTSLayerOptions;
+export type XYZLayerProps = XYZLayerOptions;
+export type MVTLayerProps = MVTLayerOptions;
+export declare const RasterTileLayer: 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 WMSLayer: 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 WMTSLayer: 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 XYZLayer: 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 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>;