xt-element-ui 2.1.61 → 2.2.0

package/lib/xt-map/xt-map.common.js

@@ -0,0 +1,1951 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "fb15");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "c759":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "fb15":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "XtMap", function() { return /* reexport */ xt_map; });
+
+// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+// This file is imported into lib/wc client bundles.
+
+if (typeof window !== 'undefined') {
+  var currentScript = window.document.currentScript
+  if (false) { var getCurrentScript; }
+
+  var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
+  if (src) {
+    __webpack_require__.p = src[1] // eslint-disable-line
+  }
+}
+
+// Indicate to webpack that this file can be concatenated
+/* harmony default export */ var setPublicPath = (null);
+
+// EXTERNAL MODULE: ./src/components/xt-map/style/index.scss
+var style = __webpack_require__("c759");
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b8cd9b04-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-map/index.vue?vue&type=template&id=0c15823e
+var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"xt-map-wrapper"},[_c('div',{ref:"mapContainer",staticClass:"xt-map-container",attrs:{"data-theme":_vm.mergedTheme}}),(_vm.loading)?_c('div',{staticClass:"xt-map-loading"},[_c('span',[_vm._v("地图加载中...")])]):_vm._e(),(_vm.errorMessage)?_c('div',{staticClass:"xt-map-error"},[_c('span',[_vm._v(_vm._s(_vm.errorMessage))])]):_vm._e(),_vm._t("overlay")],2)
+}
+var staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/xt-map/index.vue?vue&type=template&id=0c15823e
+
+// CONCATENATED MODULE: ./src/components/xt-map/loaders/script-loader.js
+/**
+ * 动态脚本加载器
+ * 负责动态注入地图 SDK <script> 标签，并返回 Promise
+ * 同一 URL 只会加载一次，缓存已加载的结果
+ */
+
+const loadedScripts = new Map()      // URL -> Promise
+const loadingScripts = new Map()     // URL -> Promise (正在加载中)
+
+/**
+ * 动态加载单个脚本
+ * @param {string} url - 脚本 URL
+ * @param {object} options - 配置
+ * @param {string} options.charset - 字符集，默认 'utf-8'
+ * @param {boolean} options.async - 是否异步，默认 true
+ * @param {number} options.timeout - 超时时间(ms)，默认 30000
+ * @returns {Promise<HTMLScriptElement>}
+ */
+const loadScript = (url, options = {}) => {
+  if (typeof window === 'undefined') {
+    return Promise.reject(new Error('[XtMap] 非浏览器环境'))
+  }
+
+  const { charset = 'utf-8', async = true, timeout = 30000 } = options
+
+  if (loadedScripts.has(url)) {
+    return loadedScripts.get(url)
+  }
+
+  if (loadingScripts.has(url)) {
+    return loadingScripts.get(url)
+  }
+
+  const promise = new Promise((resolve, reject) => {
+    const script = document.createElement('script')
+    script.type = 'text/javascript'
+    script.src = url
+    script.charset = charset
+    script.async = async
+
+    let timer = null
+    let done = false
+
+    const cleanup = () => {
+      done = true
+      if (timer) clearTimeout(timer)
+      script.onload = null
+      script.onerror = null
+    }
+
+    script.onload = () => {
+      if (done) return
+      cleanup()
+      loadingScripts.delete(url)
+      loadedScripts.set(url, Promise.resolve(script))
+      resolve(script)
+    }
+
+    script.onerror = (err) => {
+      if (done) return
+      cleanup()
+      loadingScripts.delete(url)
+      reject(new Error(`[XtMap] 脚本加载失败: ${url}`))
+    }
+
+    if (timeout > 0) {
+      timer = setTimeout(() => {
+        if (done) return
+        cleanup()
+        loadingScripts.delete(url)
+        reject(new Error(`[XtMap] 脚本加载超时: ${url}`))
+      }, timeout)
+    }
+
+    document.head.appendChild(script)
+  })
+
+  loadingScripts.set(url, promise)
+  return promise
+}
+
+/**
+ * 批量加载脚本（按顺序）
+ * @param {string[]} urls
+ * @param {object} options
+ */
+const loadScripts = async (urls, options = {}) => {
+  for (const url of urls) {
+    await loadScript(url, options)
+  }
+}
+
+/**
+ * 清除加载缓存（切换密钥等场景使用）
+ */
+const clearScriptCache = () => {
+  loadedScripts.clear()
+  loadingScripts.clear()
+}
+
+/**
+ * 检查全局对象是否存在
+ */
+const hasGlobal = (name) => {
+  if (typeof window === 'undefined') return false
+  return window[name] !== undefined
+}
+
+/* harmony default export */ var script_loader = ({
+  loadScript,
+  loadScripts,
+  clearScriptCache,
+  hasGlobal
+});
+
+// CONCATENATED MODULE: ./src/components/xt-map/adapters/base.js
+/**
+ * 地图适配器基类
+ * 定义统一的 API 接口，各地图引擎（高德/天地图/百度）通过继承/实现该接口完成适配
+ *
+ * 统一坐标系统：WGS84 (lng, lat) 作为输入输出标准，各适配器内部处理转换
+ * 统一地图类型：standard | satellite | hybrid | traffic
+ * 统一主题：light | dark
+ */
+
+
+
+// 地图类型 -> 内部常量（各适配器可覆盖转换）
+const DEFAULT_MAP_TYPE_MAP = {
+  standard: 'standard',
+  satellite: 'satellite',
+  hybrid: 'hybrid',
+  traffic: 'traffic'
+}
+
+class base_MapAdapterBase {
+  constructor(container, options = {}) {
+    this.container = container
+    this.options = options
+    this.mapInstance = null
+    this.mapType = options.mapType || 'standard'
+    this.theme = options.theme || 'light'
+    this.center = options.center || [116.397428, 39.90923]
+    this.zoom = options.zoom || 11
+    this.apiKey = options.apiKey || ''
+    this.apiUrl = options.apiUrl || null
+    this.plugins = options.plugins || []
+    this.eventHandlers = new Map()
+    this.ready = false
+    this._mapTypeMap = { ...DEFAULT_MAP_TYPE_MAP }
+  }
+
+  /**
+   * 获取 SDK 脚本 URL（各适配器必须实现）
+   * @returns {string}
+   */
+  getScriptUrl() {
+    throw new Error('[XtMap] 子类必须实现 getScriptUrl()')
+  }
+
+  /**
+   * 检查 SDK 是否已加载
+   */
+  isSdkLoaded() {
+    throw new Error('[XtMap] 子类必须实现 isSdkLoaded()')
+  }
+
+  /**
+   * 在脚本加载前执行（可选覆盖）
+   * 用于设置 securityJsCode、注册全局 callback 等前置准备
+   */
+  beforeLoadScript() {
+    // 可选实现 - 各适配器可覆盖
+  }
+
+  /**
+   * 创建地图实例（各适配器必须实现）
+   */
+  async createMap() {
+    throw new Error('[XtMap] 子类必须实现 createMap()')
+  }
+
+  /**
+   * 加载 SDK 并初始化地图
+   */
+  async init() {
+    if (!this.container) {
+      throw new Error('[XtMap] 缺少容器元素')
+    }
+
+    if (!this.isSdkLoaded()) {
+      // 1. 脚本加载前执行钩子（设置安全密钥等）
+      this.beforeLoadScript()
+
+      // 2. 获取脚本 URL
+      const url = this.getScriptUrl()
+      if (!url) {
+        throw new Error('[XtMap] 缺少 API URL，请配置 apiKey 或 apiUrl')
+      }
+
+      // 3. 动态加载脚本
+      await loadScript(url)
+
+      // 4. 等待 SDK 初始化全局对象（部分 SDK 需要等待 callback 或脚本内部初始化完成）
+      await this._waitForSdkReady()
+    }
+
+    // 5. 创建地图实例
+    await this.createMap()
+    this.ready = true
+    return this.mapInstance
+  }
+
+  /**
+   * 等待 SDK 准备好（部分地图 SDK 需要等待 callback 执行）
+   */
+  async _waitForSdkReady() {
+    return new Promise((resolve) => {
+      let attempts = 0
+      const maxAttempts = 100
+      const check = () => {
+        if (this.isSdkLoaded() || attempts >= maxAttempts) {
+          resolve()
+        } else {
+          attempts++
+          setTimeout(check, 100)
+        }
+      }
+      check()
+    })
+  }
+
+  /**
+   * 统一地图类型转换：xt-map 枚举 -> 引擎内部值
+   */
+  getNativeMapType(xtType) {
+    return this._mapTypeMap[xtType] || this._mapTypeMap.standard
+  }
+
+  /**
+   * 设置地图类型
+   */
+  setMapType(type) {
+    this.mapType = type
+    if (this.ready && this.mapInstance) {
+      this._applyMapType(type)
+    }
+  }
+
+  /**
+   * 应用地图类型到引擎（各适配器实现）
+   */
+  _applyMapType(type) {
+    // 可选实现
+  }
+
+  /**
+   * 设置主题
+   */
+  setTheme(theme) {
+    this.theme = theme
+    if (this.ready && this.mapInstance) {
+      this._applyTheme(theme)
+    }
+  }
+
+  /**
+   * 应用主题到引擎（各适配器实现）
+   */
+  _applyTheme(theme) {
+    // 可选实现
+  }
+
+  /**
+   * 设置中心坐标 [lng, lat]
+   */
+  setCenter(center) {
+    this.center = center
+    if (this.ready && this.mapInstance) {
+      this._applyCenter(center)
+    }
+  }
+
+  _applyCenter(center) {
+    // 各适配器实现
+  }
+
+  /**
+   * 设置缩放级别
+   */
+  setZoom(zoom) {
+    this.zoom = zoom
+    if (this.ready && this.mapInstance) {
+      this._applyZoom(zoom)
+    }
+  }
+
+  _applyZoom(zoom) {
+    // 各适配器实现
+  }
+
+  /**
+   * 获取当前中心坐标
+   */
+  getCenter() {
+    return this.center
+  }
+
+  /**
+   * 获取当前缩放级别
+   */
+  getZoom() {
+    return this.zoom
+  }
+
+  /**
+   * 获取原始地图实例（用于高级自定义操作）
+   */
+  getNativeMap() {
+    return this.mapInstance
+  }
+
+  /**
+   * 绑定事件（统一事件名：click, moveend, zoomend, ready 等）
+   */
+  on(eventName, handler) {
+    if (typeof handler !== 'function') return
+    this.eventHandlers.set(eventName, handler)
+    if (this.ready && this.mapInstance) {
+      this._bindEvent(eventName, handler)
+    }
+  }
+
+  _bindEvent(eventName, handler) {
+    // 各适配器实现具体事件绑定
+  }
+
+  /**
+   * 解绑事件
+   */
+  off(eventName) {
+    const handler = this.eventHandlers.get(eventName)
+    if (handler && this.ready && this.mapInstance) {
+      this._unbindEvent(eventName, handler)
+    }
+    this.eventHandlers.delete(eventName)
+  }
+
+  _unbindEvent(eventName, handler) {
+    // 各适配器实现
+  }
+
+  /**
+   * 调整地图大小（容器尺寸变化后调用）
+   */
+  resize() {
+    if (this.ready && this.mapInstance) {
+      this._applyResize()
+    }
+  }
+
+  _applyResize() {
+    // 各适配器实现
+  }
+
+  /**
+   * 销毁地图
+   */
+  destroy() {
+    this.eventHandlers.clear()
+    if (this.mapInstance && typeof this.mapInstance.destroy === 'function') {
+      try {
+        this.mapInstance.destroy()
+      } catch (e) {
+        // 忽略销毁错误
+      }
+    }
+    this.mapInstance = null
+    this.ready = false
+  }
+}
+
+/* harmony default export */ var base = (base_MapAdapterBase);
+
+// CONCATENATED MODULE: ./src/components/xt-map/adapters/amap.js
+/**
+ * 高德地图适配器 (AMap)
+ * 以高德为基准，所有 xt-map 枚举直接映射
+ */
+
+
+
+
+const A_MAP_MAP_TYPES = {
+  standard: 'amap',           // 标准/矢量
+  satellite: 'satellite',     // 卫星
+  hybrid: 'satellite',        // 混合（卫星+路网，用卫星+路网图层组合实现）
+  traffic: 'traffic'          // 实时路况（叠加在 standard 上）
+}
+
+// 高德地图样式 ID（主题映射）
+const A_MAP_STYLES = {
+  light: 'amap://styles/normal',
+  dark: 'amap://styles/dark'
+}
+
+class amap_AMapAdapter extends base_MapAdapterBase {
+  constructor(container, options = {}) {
+    super(container, options)
+    this._mapTypeMap = { ...A_MAP_MAP_TYPES }
+    this._trafficLayer = null       // 路况图层引用
+    this._satelliteLayer = null     // 卫星图层
+    this._roadnetLayer = null       // 路网图层（用于 hybrid）
+    this._currentLayers = []        // 当前叠加图层
+  }
+
+  getScriptUrl() {
+    if (this.apiUrl) return this.apiUrl
+    if (!this.apiKey) {
+      console.warn('[XtMap] 高德地图需要配置 apiKey')
+      return ''
+    }
+    // 高德 2.0 Web API
+    return `https://webapi.amap.com/maps?v=2.0&key=${encodeURIComponent(this.apiKey)}&plugin=AMap.Scale,AMap.ToolBar`
+  }
+
+  /**
+   * 脚本加载前设置高德 2.0 安全密钥
+   */
+  beforeLoadScript() {
+    const securityJsCode = this.options.securityJsCode || (typeof window !== 'undefined' && window._AMapSecurityConfig && window._AMapSecurityConfig.securityJsCode) || ''
+    if (securityJsCode && typeof window !== 'undefined') {
+      window._AMapSecurityConfig = {
+        securityJsCode: securityJsCode
+      }
+    }
+  }
+
+  isSdkLoaded() {
+    return hasGlobal('AMap') && typeof window.AMap === 'function'
+  }
+
+  async createMap() {
+    const AMap = window.AMap
+    if (!AMap) throw new Error('[XtMap] 高德地图 SDK 未加载')
+
+    const mapOptions = {
+      center: this.center,
+      zoom: this.zoom,
+      mapStyle: A_MAP_STYLES[this.theme] || A_MAP_STYLES.light,
+      viewMode: '2D',
+      resizeEnable: true
+    }
+
+    this.mapInstance = new AMap.Map(this.container, mapOptions)
+
+    // 应用地图类型
+    this._applyMapType(this.mapType)
+
+    // 绑定事件（延迟到地图就绪后）
+    await new Promise((resolve) => {
+      this.mapInstance.on('complete', () => resolve())
+      // 兜底：1秒后强制 resolve
+      setTimeout(resolve, 1500)
+    })
+
+    // 重新绑定已注册事件
+    for (const [eventName, handler] of this.eventHandlers.entries()) {
+      this._bindEvent(eventName, handler)
+    }
+  }
+
+  _applyMapType(type) {
+    if (!this.mapInstance) return
+    const AMap = window.AMap
+    if (!AMap) return
+
+    // 清除所有叠加图层
+    this._clearLayers()
+
+    try {
+      // 设置底图样式
+      this.mapInstance.setMapStyle(A_MAP_STYLES[this.theme] || A_MAP_STYLES.light)
+
+      if (type === 'satellite') {
+        this._satelliteLayer = new AMap.TileLayer.Satellite()
+        this.mapInstance.add(this._satelliteLayer)
+        this._currentLayers.push(this._satelliteLayer)
+      } else if (type === 'hybrid') {
+        // 卫星 + 路网
+        this._satelliteLayer = new AMap.TileLayer.Satellite()
+        this._roadnetLayer = new AMap.TileLayer.RoadNet()
+        this.mapInstance.add([this._satelliteLayer, this._roadnetLayer])
+        this._currentLayers.push(this._satelliteLayer, this._roadnetLayer)
+      } else if (type === 'traffic') {
+        // 路况图层叠加在 standard 上
+        this._trafficLayer = new AMap.TileLayer.Traffic({
+          autoRefresh: true,
+          interval: 180
+        })
+        this.mapInstance.add(this._trafficLayer)
+        this._currentLayers.push(this._trafficLayer)
+      }
+    } catch (e) {
+      console.warn('[XtMap] 设置地图类型失败:', e)
+    }
+  }
+
+  _clearLayers() {
+    if (!this.mapInstance) return
+    try {
+      if (this._currentLayers.length > 0) {
+        this.mapInstance.remove(this._currentLayers)
+      }
+    } catch (e) {
+      // 忽略
+    }
+    this._currentLayers = []
+    this._trafficLayer = null
+    this._satelliteLayer = null
+    this._roadnetLayer = null
+  }
+
+  _applyTheme(theme) {
+    if (!this.mapInstance) return
+    try {
+      this.mapInstance.setMapStyle(A_MAP_STYLES[theme] || A_MAP_STYLES.light)
+      // 主题变更可能影响图层显示，重新应用地图类型
+      this._applyMapType(this.mapType)
+    } catch (e) {
+      console.warn('[XtMap] 设置主题失败:', e)
+    }
+  }
+
+  _applyCenter(center) {
+    if (!this.mapInstance) return
+    try {
+      this.mapInstance.setCenter(center)
+    } catch (e) {
+      // 忽略
+    }
+  }
+
+  _applyZoom(zoom) {
+    if (!this.mapInstance) return
+    try {
+      this.mapInstance.setZoom(zoom)
+    } catch (e) {
+      // 忽略
+    }
+  }
+
+  getCenter() {
+    if (this.mapInstance && this.mapInstance.getCenter) {
+      const c = this.mapInstance.getCenter()
+      return [c.lng, c.lat]
+    }
+    return this.center
+  }
+
+  getZoom() {
+    if (this.mapInstance && this.mapInstance.getZoom) {
+      return this.mapInstance.getZoom()
+    }
+    return this.zoom
+  }
+
+  _bindEvent(eventName, handler) {
+    if (!this.mapInstance) return
+    try {
+      // 统一事件名映射
+      const eventMap = {
+        click: 'click',
+        moveend: 'moveend',
+        zoomend: 'zoomend',
+        zoomchange: 'zoomchange',
+        mapmove: 'mapmove',
+        complete: 'complete',
+        resize: 'resize'
+      }
+      const nativeEvent = eventMap[eventName] || eventName
+      this.mapInstance.on(nativeEvent, (e) => {
+        // 统一事件参数格式
+        const normalized = {
+          originalEvent: e,
+          lnglat: e && e.lnglat ? [e.lnglat.lng, e.lnglat.lat] : null
+        }
+        handler(normalized)
+      })
+    } catch (err) {
+      console.warn('[XtMap] 事件绑定失败:', eventName, err)
+    }
+  }
+
+  _unbindEvent(eventName, handler) {
+    if (!this.mapInstance) return
+    try {
+      this.mapInstance.off(eventName, handler)
+    } catch (e) {
+      // 忽略
+    }
+  }
+
+  _applyResize() {
+    if (this.mapInstance && this.mapInstance.resize) {
+      try {
+        this.mapInstance.resize()
+      } catch (e) {
+        // 忽略
+      }
+    }
+  }
+
+  destroy() {
+    this._clearLayers()
+    super.destroy()
+  }
+}
+
+/* harmony default export */ var amap = (amap_AMapAdapter);
+
+// CONCATENATED MODULE: ./src/components/xt-map/adapters/tianditu.js
+/**
+ * 天地图适配器 (Tianditu)
+ * 天地图使用 WMTS 切片服务，不支持原生主题切换，
+ * dark/light 通过图层样式参数模拟（部分图层可调整色调）
+ */
+
+
+
+
+// 天地图地图类型映射
+const TIANDITU_MAP_TYPES = {
+  standard: 'vec',           // 矢量地图
+  satellite: 'img',          // 影像地图
+  hybrid: 'img',             // 混合（影像 + 注记）
+  traffic: 'vec'             // 天地图不支持原生路况，降级为矢量
+}
+
+// 天地图主题色模拟：通过调整图层透明度/色调CSS滤镜
+const TIANDITU_THEME_FILTER = {
+  light: 'none',
+  dark: 'invert(1) hue-rotate(180deg) saturate(1.2) brightness(0.95)'
+}
+
+class tianditu_TiandituAdapter extends base_MapAdapterBase {
+  constructor(container, options = {}) {
+    super(container, options)
+    this._mapTypeMap = { ...TIANDITU_MAP_TYPES }
+    this._layerType = options.tiandituLayerType || 'vec'
+    this._currentLayer = null
+    this._annotationLayer = null
+  }
+
+  getScriptUrl() {
+    if (this.apiUrl) return this.apiUrl
+    if (!this.apiKey) {
+      console.warn('[XtMap] 天地图需要配置 apiKey (tk)')
+      return ''
+    }
+    return `https://api.tianditu.gov.cn/api?v=4.0&tk=${encodeURIComponent(this.apiKey)}`
+  }
+
+  isSdkLoaded() {
+    return hasGlobal('T') && typeof window.T === 'object' && window.T.Map
+  }
+
+  async createMap() {
+    const T = window.T
+    if (!T || !T.Map) throw new Error('[XtMap] 天地图 SDK 未加载')
+
+    const mapOptions = {
+      center: new T.LngLat(this.center[0], this.center[1]),
+      zoom: this.zoom
+    }
+
+    this.mapInstance = new T.Map(this.container, mapOptions)
+
+    // 应用地图类型
+    this._applyMapType(this.mapType)
+
+    // 应用主题
+    this._applyTheme(this.theme)
+
+    // 等待地图就绪
+    await new Promise((resolve) => {
+      setTimeout(resolve, 500)
+    })
+
+    // 绑定事件
+    for (const [eventName, handler] of this.eventHandlers.entries()) {
+      this._bindEvent(eventName, handler)
+    }
+  }
+
+  _applyMapType(type) {
+    if (!this.mapInstance) return
+    const T = window.T
+    if (!T) return
+
+    try {
+      // 天地图通过 switchTo 方法切换图层
+      const layerType = this._mapTypeMap[type] || 'vec'
+
+      if (type === 'standard') {
+        // 矢量地图
+        this.mapInstance.setMapType(window.TMAP_NORMAL_MAP || 1)
+      } else if (type === 'satellite') {
+        // 影像地图
+        this.mapInstance.setMapType(window.TMAP_SATELLITE_MAP || 2)
+      } else if (type === 'hybrid') {
+        // 混合（影像+注记）
+        this.mapInstance.setMapType(window.TMAP_HYBRID_MAP || 3)
+      } else {
+        // 路况等特殊类型，天地图无原生支持
+        this.mapInstance.setMapType(window.TMAP_NORMAL_MAP || 1)
+      }
+    } catch (e) {
+      console.warn('[XtMap] 天地图切换地图类型失败:', e)
+    }
+  }
+
+  _applyTheme(theme) {
+    if (!this.container) return
+    // 天地图不支持原生 dark 主题，通过 CSS 滤镜模拟
+    const filter = TIANDITU_THEME_FILTER[theme] || 'none'
+    const imgElements = this.container.querySelectorAll('img')
+    imgElements.forEach((img) => {
+      img.style.filter = filter
+      img.style.webkitFilter = filter
+    })
+    // 同时设置容器级 CSS 变量，方便样式覆盖
+    this.container.setAttribute('data-map-theme', theme)
+    // 监听后续新增的 tile 图片（通过 MutationObserver）
+    this._setupThemeObserver(theme)
+  }
+
+  _setupThemeObserver(theme) {
+    if (this._themeObserver) {
+      this._themeObserver.disconnect()
+    }
+    if (theme !== 'dark') return
+    const filter = TIANDITU_THEME_FILTER[theme]
+    this._themeObserver = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        mutation.addedNodes.forEach((node) => {
+          if (node.nodeType === 1) {
+            if (node.tagName === 'IMG') {
+              node.style.filter = filter
+              node.style.webkitFilter = filter
+            } else if (node.querySelectorAll) {
+              const imgs = node.querySelectorAll('img')
+              imgs.forEach((img) => {
+                img.style.filter = filter
+                img.style.webkitFilter = filter
+              })
+            }
+          }
+        })
+      })
+    })
+    try {
+      this._themeObserver.observe(this.container, {
+        childList: true,
+        subtree: true
+      })
+    } catch (e) {
+      // 忽略
+    }
+  }
+
+  _applyCenter(center) {
+    if (!this.mapInstance || !window.T) return
+    try {
+      this.mapInstance.centerAndZoom(new window.T.LngLat(center[0], center[1]), this.zoom)
+    } catch (e) {
+      // 忽略
+    }
+  }
+
+  _applyZoom(zoom) {
+    if (!this.mapInstance) return
+    try {
+      this.mapInstance.setZoom(zoom)
+    } catch (e) {
+      // 忽略
+    }
+  }
+
+  getCenter() {
+    if (this.mapInstance && this.mapInstance.getCenter) {
+      const c = this.mapInstance.getCenter()
+      if (c && c.getLng !== undefined) {
+        return [c.getLng(), c.getLat()]
+      }
+    }
+    return this.center
+  }
+
+  getZoom() {
+    if (this.mapInstance && this.mapInstance.getZoom) {
+      return this.mapInstance.getZoom()
+    }
+    return this.zoom
+  }
+
+  _bindEvent(eventName, handler) {
+    if (!this.mapInstance) return
+    try {
+      const eventMap = {
+        click: 'click',
+        moveend: 'moveend',
+        zoomend: 'zoomend',
+        zoomchange: 'zoomend'
+      }
+      const nativeEvent = eventMap[eventName] || eventName
+      this.mapInstance.addEventListener(nativeEvent, (e) => {
+        const normalized = {
+          originalEvent: e,
+          lnglat: e && e.lnglat ? [e.lnglat.getLng(), e.lnglat.getLat()] : null
+        }
+        handler(normalized)
+      })
+    } catch (err) {
+      console.warn('[XtMap] 天地图事件绑定失败:', eventName, err)
+    }
+  }
+
+  _unbindEvent(eventName, handler) {
+    if (!this.mapInstance) return
+    try {
+      this.mapInstance.removeEventListener(eventName, handler)
+    } catch (e) {
+      // 忽略
+    }
+  }
+
+  _applyResize() {
+    if (this.mapInstance && this.mapInstance.checkResize) {
+      try {
+        this.mapInstance.checkResize()
+      } catch (e) {
+        // 忽略
+      }
+    }
+  }
+
+  destroy() {
+    if (this._themeObserver) {
+      this._themeObserver.disconnect()
+      this._themeObserver = null
+    }
+    if (this.mapInstance && typeof this.mapInstance.clearOverLays === 'function') {
+      try {
+        this.mapInstance.clearOverLays()
+      } catch (e) {
+        // 忽略
+      }
+    }
+    super.destroy()
+  }
+}
+
+/* harmony default export */ var tianditu = (tianditu_TiandituAdapter);
+
+// CONCATENATED MODULE: ./src/components/xt-map/adapters/baidu.js
+/**
+ * 百度地图适配器 (BMap / Baidu)
+ * 百度地图 JS API 3.0 支持自定义样式
+ */
+
+
+
+
+// 百度地图类型映射
+const BAIDU_MAP_TYPES = {
+  standard: 'BMAP_NORMAL_MAP',
+  satellite: 'BMAP_SATELLITE_MAP',
+  hybrid: 'BMAP_HYBRID_MAP',
+  traffic: 'BMAP_NORMAL_MAP'    // 路况通过图层叠加
+}
+
+// 百度地图自定义样式 ID（主题）
+// light: 官方 normal 样式
+// dark: 午夜蓝 dark 样式
+const BAIDU_STYLES = {
+  light: { style: 'normal' },
+  dark: { style: 'dark' }
+}
+
+class baidu_BaiduAdapter extends base_MapAdapterBase {
+  constructor(container, options = {}) {
+    super(container, options)
+    this._mapTypeMap = { ...BAIDU_MAP_TYPES }
+    this._coordType = options.baiduCoordType || 'bd09ll'
+    this._trafficLayer = null
+    this._callbackName = null
+  }
+
+  getScriptUrl() {
+    if (this.apiUrl) return this.apiUrl
+    if (!this.apiKey) {
+      console.warn('[XtMap] 百度地图需要配置 apiKey (ak)')
+      return ''
+    }
+    // 注意：_callbackName 在 beforeLoadScript 中已注册
+    return `https://api.map.baidu.com/api?v=3.0&ak=${encodeURIComponent(this.apiKey)}&callback=${this._callbackName}`
+  }
+
+  /**
+   * 脚本加载前注册百度 SDK 回调函数
+   */
+  beforeLoadScript() {
+    // 生成唯一 callback 名称，支持多实例
+    this._callbackName = `__xt_map_baidu_${Date.now()}_${Math.floor(Math.random() * 100000)}`
+    // 注册全局 callback（百度地图 SDK 加载完成后调用）
+    if (typeof window !== 'undefined') {
+      window[this._callbackName] = () => {
+        // 空实现，仅用于触发 Promise resolve
+      }
+    }
+  }
+
+  isSdkLoaded() {
+    return hasGlobal('BMap') && typeof window.BMap === 'function'
+  }
+
+  async createMap() {
+    const BMap = window.BMap
+    if (!BMap) throw new Error('[XtMap] 百度地图 SDK 未加载')
+
+    const mapOptions = {
+      enableMapClick: false
+    }
+
+    this.mapInstance = new BMap.Map(this.container, mapOptions)
+    this.mapInstance.centerAndZoom(new BMap.Point(this.center[0], this.center[1]), this.zoom)
+    this.mapInstance.enableScrollWheelZoom(true)
+
+    // 应用地图类型
+    this._applyMapType(this.mapType)
+
+    // 应用主题
+    this._applyTheme(this.theme)
+
+    // 等待地图就绪
+    await new Promise((resolve) => setTimeout(resolve, 500))
+
+    for (const [eventName, handler] of this.eventHandlers.entries()) {
+      this._bindEvent(eventName, handler)
+    }
+  }
+
+  _applyMapType(type) {
+    if (!this.mapInstance || !window.BMap) return
+
+    try {
+      // 清除路况图层
+      if (this._trafficLayer) {
+        try {
+          this.mapInstance.removeTileLayer(this._trafficLayer)
+        } catch (e) {}
+        this._trafficLayer = null
+      }
+
+      if (type === 'satellite') {
+        this.mapInstance.setMapType(window.BMAP_SATELLITE_MAP || 1)
+      } else if (type === 'hybrid') {
+        this.mapInstance.setMapType(window.BMAP_HYBRID_MAP || 2)
+      } else if (type === 'traffic') {
+        this.mapInstance.setMapType(window.BMAP_NORMAL_MAP || 0)
+        // 叠加路况图层
+        try {
+          const BMap = window.BMap
+          this._trafficLayer = new BMap.TrafficLayer()
+          this.mapInstance.addTileLayer(this._trafficLayer)
+        } catch (e) {
+          console.warn('[XtMap] 百度地图加载路况图层失败:', e)
+        }
+      } else {
+        this.mapInstance.setMapType(window.BMAP_NORMAL_MAP || 0)
+      }
+    } catch (e) {
+      console.warn('[XtMap] 百度地图切换地图类型失败:', e)
+    }
+  }
+
+  _applyTheme(theme) {
+    if (!this.mapInstance || !window.BMap) return
+    try {
+      // 百度 3.0 通过 setMapStyle 设置主题样式
+      const styleConfig = BAIDU_STYLES[theme] || BAIDU_STYLES.light
+      if (this.mapInstance.setMapStyleV2) {
+        // 新版 API
+        this.mapInstance.setMapStyleV2({ styleId: styleConfig.style === 'dark' ? 'midnight' : '' })
+      } else if (this.mapInstance.setMapStyle) {
+        // 旧版 API
+        const styleJson = theme === 'dark' ? this._getDarkStyleJson() : null
+        if (styleJson) {
+          this.mapInstance.setMapStyle({ styleJson: styleJson })
+        }
+      }
+    } catch (e) {
+      console.warn('[XtMap] 百度地图设置主题失败:', e)
+    }
+  }
+
+  /**
+   * 简易百度地图 dark 样式 JSON 配置
+   */
+  _getDarkStyleJson() {
+    return [
+      { featureType: 'land', elementType: 'geometry', stylers: { color: '#1a1a1a' } },
+      { featureType: 'water', elementType: 'geometry', stylers: { color: '#0a1a2a' } },
+      { featureType: 'green', elementType: 'geometry', stylers: { color: '#0a2a1a' } },
+      { featureType: 'building', elementType: 'geometry', stylers: { color: '#2a2a2a' } },
+      { featureType: 'highway', elementType: 'geometry', stylers: { color: '#3a3a3a' } },
+      { featureType: 'highway', elementType: 'geometry.stroke', stylers: { color: '#4a4a4a' } },
+      { featureType: 'arterial', elementType: 'geometry', stylers: { color: '#333333' } },
+      { featureType: 'arterial', elementType: 'geometry.stroke', stylers: { color: '#3d3d3d' } },
+      { featureType: 'local', elementType: 'geometry', stylers: { color: '#2a2a2a' } },
+      { featureType: 'railway', elementType: 'geometry', stylers: { color: '#3a3a3a' } },
+      { featureType: 'subway', elementType: 'geometry', stylers: { color: '#3a3a3a' } },
+      { featureType: 'boundary', elementType: 'geometry', stylers: { color: '#666666' } },
+      { featureType: 'district', elementType: 'labels.text.fill', stylers: { color: '#888888' } },
+      { featureType: 'poi', elementType: 'labels', stylers: { visibility: 'off' } }
+    ]
+  }
+
+  _applyCenter(center) {
+    if (!this.mapInstance || !window.BMap) return
+    try {
+      this.mapInstance.centerAndZoom(new window.BMap.Point(center[0], center[1]), this.zoom)
+    } catch (e) {
+      // 忽略
+    }
+  }
+
+  _applyZoom(zoom) {
+    if (!this.mapInstance) return
+    try {
+      this.mapInstance.setZoom(zoom)
+    } catch (e) {
+      // 忽略
+    }
+  }
+
+  getCenter() {
+    if (this.mapInstance && this.mapInstance.getCenter) {
+      const c = this.mapInstance.getCenter()
+      if (c) return [c.lng, c.lat]
+    }
+    return this.center
+  }
+
+  getZoom() {
+    if (this.mapInstance && this.mapInstance.getZoom) {
+      return this.mapInstance.getZoom()
+    }
+    return this.zoom
+  }
+
+  _bindEvent(eventName, handler) {
+    if (!this.mapInstance) return
+    try {
+      const eventMap = {
+        click: 'click',
+        moveend: 'moveend',
+        zoomend: 'zoomend',
+        zoomchange: 'zoomend',
+        mapmove: 'movestart'
+      }
+      const nativeEvent = eventMap[eventName] || eventName
+      this.mapInstance.addEventListener(nativeEvent, (e) => {
+        const normalized = {
+          originalEvent: e,
+          lnglat: e && e.point ? [e.point.lng, e.point.lat] : null
+        }
+        handler(normalized)
+      })
+    } catch (err) {
+      console.warn('[XtMap] 百度地图事件绑定失败:', eventName, err)
+    }
+  }
+
+  _unbindEvent(eventName, handler) {
+    if (!this.mapInstance) return
+    try {
+      this.mapInstance.removeEventListener(eventName, handler)
+    } catch (e) {
+      // 忽略
+    }
+  }
+
+  _applyResize() {
+    if (this.mapInstance && this.mapInstance.enableResize) {
+      try {
+        // 百度地图默认启用 resize，无需手动调用
+        if (typeof this.mapInstance.checkResize === 'function') {
+          this.mapInstance.checkResize()
+        }
+      } catch (e) {
+        // 忽略
+      }
+    }
+  }
+
+  destroy() {
+    if (this._callbackName && typeof window !== 'undefined') {
+      try {
+        delete window[this._callbackName]
+      } catch (e) {
+        // 忽略
+      }
+    }
+    super.destroy()
+  }
+}
+
+/* harmony default export */ var baidu = (baidu_BaiduAdapter);
+
+// CONCATENATED MODULE: ./src/components/xt-map/adapters/index.js
+/**
+ * 地图适配器索引
+ * 根据 provider 字符串返回对应的适配器构造函数
+ */
+
+
+
+
+
+const adapters = {
+  amap: amap_AMapAdapter,
+  tianditu: tianditu_TiandituAdapter,
+  baidu: baidu_BaiduAdapter
+}
+
+const getAdapterClass = (provider) => {
+  return adapters[provider] || amap_AMapAdapter
+}
+
+
+
+
+/* harmony default export */ var xt_map_adapters = ({
+  adapters,
+  getAdapterClass,
+  AMapAdapter: amap_AMapAdapter,
+  TiandituAdapter: tianditu_TiandituAdapter,
+  BaiduAdapter: baidu_BaiduAdapter
+});
+
+// CONCATENATED MODULE: ./src/components/xt-map/config/xt-map-config.js
+/**
+ * XtMap 全局配置管理
+ * 支持通过 Vue.use 配置或运行时动态设置地图提供商、密钥、URL、主题等
+ */
+
+// 支持的地图提供商
+const MAP_PROVIDERS = ['amap', 'tianditu', 'baidu']
+
+// 支持的地图类型（统一枚举，各适配器会转成对应引擎的类型）
+const MAP_TYPES = ['standard', 'satellite', 'hybrid', 'traffic']
+
+// 支持的主题
+const MAP_THEMES = ['light', 'dark']
+
+// 默认配置 - 以高德地图为基准
+const defaultConfig = {
+  provider: 'amap',
+  apiKey: '',
+  apiUrl: null,
+  mapType: 'standard',
+  theme: 'light',
+  center: [116.397428, 39.90923],
+  zoom: 11,
+  plugins: [],
+  securityJsCode: null,
+  // 天地图专用：图层类型（vec:矢量, img:影像, ter:地形）
+  tiandituLayerType: 'vec',
+  // 百度地图专用：坐标系（bd09ll:百度经纬度, bd09mc:百度墨卡托）
+  baiduCoordType: 'bd09ll'
+}
+
+// 当前配置
+let currentConfig = { ...defaultConfig }
+
+// 配置变更监听器
+const configChangeListeners = []
+
+const emitConfigChange = (key, value) => {
+  configChangeListeners.forEach(listener => {
+    try {
+      listener(key, value)
+    } catch (e) {
+      console.warn('[XtMap] 配置变更监听异常:', e)
+    }
+  })
+}
+
+// 获取完整配置
+const getMapConfig = () => ({ ...currentConfig })
+
+// 设置完整配置
+const setMapConfig = (config) => {
+  if (typeof config !== 'object' || config === null) {
+    console.warn('[XtMap] setMapConfig 必须传入对象参数')
+    return
+  }
+
+  if (config.provider !== undefined) setMapProvider(config.provider)
+  if (config.apiKey !== undefined) setMapApiKey(config.apiKey)
+  if (config.apiUrl !== undefined) setMapApiUrl(config.apiUrl)
+  if (config.mapType !== undefined) setMapType(config.mapType)
+  if (config.theme !== undefined) setMapTheme(config.theme)
+  if (config.center !== undefined) setMapCenter(config.center)
+  if (config.zoom !== undefined) setMapZoom(config.zoom)
+  if (config.plugins !== undefined) setMapPlugins(config.plugins)
+  if (config.securityJsCode !== undefined) setSecurityJsCode(config.securityJsCode)
+}
+
+const setMapProvider = (provider) => {
+  if (!MAP_PROVIDERS.includes(provider)) {
+    console.warn(`[XtMap] 无效的地图提供商: ${provider}，可选: ${MAP_PROVIDERS.join(', ')}`)
+    return
+  }
+  currentConfig.provider = provider
+  emitConfigChange('provider', provider)
+}
+
+const setMapApiKey = (key) => {
+  currentConfig.apiKey = key
+  emitConfigChange('apiKey', key)
+}
+
+const setMapApiUrl = (url) => {
+  currentConfig.apiUrl = url
+  emitConfigChange('apiUrl', url)
+}
+
+const setMapType = (type) => {
+  if (!MAP_TYPES.includes(type)) {
+    console.warn(`[XtMap] 无效的地图类型: ${type}，可选: ${MAP_TYPES.join(', ')}`)
+    return
+  }
+  currentConfig.mapType = type
+  emitConfigChange('mapType', type)
+}
+
+const setMapTheme = (theme) => {
+  if (!MAP_THEMES.includes(theme)) {
+    console.warn(`[XtMap] 无效的主题: ${theme}，可选: ${MAP_THEMES.join(', ')}`)
+    return
+  }
+  currentConfig.theme = theme
+  emitConfigChange('theme', theme)
+}
+
+const setMapCenter = (center) => {
+  if (!Array.isArray(center) || center.length !== 2) {
+    console.warn('[XtMap] center 必须是 [lng, lat] 数组')
+    return
+  }
+  currentConfig.center = center
+  emitConfigChange('center', center)
+}
+
+const setMapZoom = (zoom) => {
+  const z = Number(zoom)
+  if (isNaN(z)) {
+    console.warn('[XtMap] zoom 必须是数字')
+    return
+  }
+  currentConfig.zoom = z
+  emitConfigChange('zoom', z)
+}
+
+const setMapPlugins = (plugins) => {
+  if (!Array.isArray(plugins)) {
+    console.warn('[XtMap] plugins 必须是数组')
+    return
+  }
+  currentConfig.plugins = plugins
+  emitConfigChange('plugins', plugins)
+}
+
+const setSecurityJsCode = (code) => {
+  currentConfig.securityJsCode = code
+  // 高德地图安全密钥：设置 window._AMapSecurityConfig
+  if (typeof window !== 'undefined' && code) {
+    window._AMapSecurityConfig = {
+      securityJsCode: code,
+      ...(window._AMapSecurityConfig || {})
+    }
+  }
+  emitConfigChange('securityJsCode', code)
+}
+
+// 获取当前配置的快捷方法
+const getMapProvider = () => currentConfig.provider
+const getMapApiKey = () => currentConfig.apiKey
+const getMapApiUrl = () => currentConfig.apiUrl
+const getMapType = () => currentConfig.mapType
+const getMapTheme = () => currentConfig.theme
+const getMapCenter = () => currentConfig.center
+const getMapZoom = () => currentConfig.zoom
+const getMapPlugins = () => currentConfig.plugins
+
+// 监听配置变更
+const onMapConfigChange = (listener) => {
+  if (typeof listener === 'function') {
+    configChangeListeners.push(listener)
+    return () => {
+      const index = configChangeListeners.indexOf(listener)
+      if (index > -1) configChangeListeners.splice(index, 1)
+    }
+  }
+}
+
+// 重置为默认配置
+const resetMapConfig = () => {
+  setMapConfig(defaultConfig)
+}
+
+/* harmony default export */ var xt_map_config = ({
+  MAP_PROVIDERS,
+  MAP_TYPES,
+  MAP_THEMES,
+  getMapConfig,
+  setMapConfig,
+  setMapProvider,
+  setMapApiKey,
+  setMapApiUrl,
+  setMapType,
+  setMapTheme,
+  setMapCenter,
+  setMapZoom,
+  setMapPlugins,
+  setSecurityJsCode,
+  getMapProvider,
+  getMapApiKey,
+  getMapApiUrl,
+  getMapType,
+  getMapTheme,
+  getMapCenter,
+  getMapZoom,
+  getMapPlugins,
+  onMapConfigChange,
+  resetMapConfig
+});
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/xt-map/index.vue?vue&type=script&lang=js
+
+
+
+
+
+/* harmony default export */ var xt_mapvue_type_script_lang_js = ({
+  name: 'XtMap',
+
+  props: {
+    provider: {
+      type: String,
+      default: '',
+      validator: (val) => val === '' || MAP_PROVIDERS.includes(val)
+    },
+    apiKey: {
+      type: String,
+      default: ''
+    },
+    apiUrl: {
+      type: String,
+      default: ''
+    },
+    mapType: {
+      type: String,
+      default: '',
+      validator: (val) => val === '' || MAP_TYPES.includes(val)
+    },
+    theme: {
+      type: String,
+      default: '',
+      validator: (val) => val === '' || MAP_THEMES.includes(val)
+    },
+    center: {
+      type: Array,
+      default: () => null
+    },
+    zoom: {
+      type: Number,
+      default: null
+    },
+    plugins: {
+      type: Array,
+      default: () => []
+    },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '400px'
+    },
+    securityJsCode: {
+      type: String,
+      default: ''
+    },
+    tiandituLayerType: {
+      type: String,
+      default: 'vec'
+    },
+    baiduCoordType: {
+      type: String,
+      default: 'bd09ll'
+    }
+  },
+
+  data() {
+    return {
+      loading: true,
+      errorMessage: '',
+      adapter: null,
+      _unsubscribeConfig: null
+    }
+  },
+
+  computed: {
+    mergedProvider() {
+      return this.provider || getMapProvider() || 'amap'
+    },
+    mergedApiKey() {
+      return this.apiKey || getMapApiKey() || ''
+    },
+    mergedApiUrl() {
+      return this.apiUrl || getMapApiUrl() || ''
+    },
+    mergedMapType() {
+      return this.mapType || getMapType() || 'standard'
+    },
+    mergedTheme() {
+      return this.theme || getMapTheme() || 'light'
+    },
+    mergedCenter() {
+      return this.center || getMapCenter() || [116.397428, 39.90923]
+    },
+    mergedZoom() {
+      return this.zoom !== null ? this.zoom : getMapZoom()
+    },
+    mergedSecurityJsCode() {
+      return this.securityJsCode || (getMapConfig().securityJsCode) || ''
+    },
+    mergedPlugins() {
+      return this.plugins.length > 0 ? this.plugins : getMapConfig().plugins || []
+    }
+  },
+
+  watch: {
+    mergedProvider: {
+      handler() {
+        this.$nextTick(() => this.rebuildMap())
+      }
+    },
+    mergedApiKey: {
+      handler() {
+        this.$nextTick(() => this.rebuildMap())
+      }
+    },
+    mergedMapType: {
+      handler(newVal) {
+        if (this.adapter) this.adapter.setMapType(newVal)
+      }
+    },
+    mergedTheme: {
+      handler(newVal) {
+        if (this.adapter) this.adapter.setTheme(newVal)
+        if (this.$refs.mapContainer) {
+          this.$refs.mapContainer.setAttribute('data-theme', newVal)
+        }
+      }
+    },
+    mergedCenter: {
+      handler(newVal) {
+        if (this.adapter) this.adapter.setCenter(newVal)
+      }
+    },
+    mergedZoom: {
+      handler(newVal) {
+        if (this.adapter) this.adapter.setZoom(newVal)
+      }
+    },
+    width: {
+      handler() {
+        this.$nextTick(() => {
+          if (this.adapter) this.adapter.resize()
+        })
+      }
+    },
+    height: {
+      handler() {
+        this.$nextTick(() => {
+          if (this.adapter) this.adapter.resize()
+        })
+      }
+    },
+    securityJsCode: {
+      handler(newVal) {
+        if (newVal) {
+          setSecurityJsCode(newVal)
+          // 高德 2.0：SDK 已加载后再设置 securityJsCode 无效，需要重建地图
+          if (this.mergedProvider === 'amap' && this.adapter && this.adapter.ready) {
+            this.$nextTick(() => this.rebuildMap())
+          }
+        }
+      }
+    }
+  },
+
+  mounted() {
+    // 监听全局配置变更
+    this._unsubscribeConfig = onMapConfigChange((key, value) => {
+      if (!this.provider && (key === 'provider')) this.$nextTick(() => this.rebuildMap())
+      if (!this.apiKey && (key === 'apiKey')) this.$nextTick(() => this.rebuildMap())
+      if (!this.apiUrl && (key === 'apiUrl')) this.$nextTick(() => this.rebuildMap())
+      if (!this.theme && key === 'theme' && this.adapter) this.adapter.setTheme(value)
+      if (!this.mapType && key === 'mapType' && this.adapter) this.adapter.setMapType(value)
+      if (!this.center && key === 'center' && this.adapter) this.adapter.setCenter(value)
+      if (this.zoom === null && key === 'zoom' && this.adapter) this.adapter.setZoom(value)
+    })
+
+    // 设置高德安全密钥
+    if (this.securityJsCode) setSecurityJsCode(this.securityJsCode)
+
+    this.$nextTick(() => this.initMap())
+
+    // 监听窗口尺寸变化
+    this._onWindowResize = () => {
+      if (this.adapter) this.adapter.resize()
+    }
+    if (typeof window !== 'undefined') {
+      window.addEventListener('resize', this._onWindowResize)
+    }
+  },
+
+  beforeDestroy() {
+    this.destroyMap()
+    if (this._unsubscribeConfig) this._unsubscribeConfig()
+    if (this._onWindowResize && typeof window !== 'undefined') {
+      window.removeEventListener('resize', this._onWindowResize)
+    }
+  },
+
+  methods: {
+    async initMap() {
+      const container = this.$refs.mapContainer
+      if (!container) return
+
+      // 设置容器尺寸
+      container.style.width = this.width
+      container.style.height = this.height
+
+      // 设置安全密钥（高德需要）
+      if (this.securityJsCode) setSecurityJsCode(this.securityJsCode)
+
+      this.loading = true
+      this.errorMessage = ''
+
+      const AdapterClass = getAdapterClass(this.mergedProvider)
+
+      this.adapter = new AdapterClass(container, {
+        apiKey: this.mergedApiKey,
+        apiUrl: this.mergedApiUrl,
+        mapType: this.mergedMapType,
+        theme: this.mergedTheme,
+        center: this.mergedCenter,
+        zoom: this.mergedZoom,
+        plugins: this.mergedPlugins,
+        securityJsCode: this.mergedSecurityJsCode,
+        tiandituLayerType: this.tiandituLayerType,
+        baiduCoordType: this.baiduCoordType
+      })
+
+      try {
+        await this.adapter.init()
+        this.loading = false
+
+        // 绑定事件
+        this._bindAdapterEvents()
+
+        // 向父组件发出 ready 事件
+        this.$emit('ready', {
+          provider: this.mergedProvider,
+          map: this.adapter.getNativeMap(),
+          adapter: this.adapter
+        })
+      } catch (err) {
+        this.loading = false
+        this.errorMessage = err.message || '地图初始化失败'
+        this.$emit('error', err)
+      }
+    },
+
+    rebuildMap() {
+      this.destroyMap()
+      // 清理脚本缓存，确保新配置能生效（例如切换密钥后重新加载）
+      if (typeof clearScriptCache === 'function') {
+        clearScriptCache()
+      }
+      this.$nextTick(() => this.initMap())
+    },
+
+    destroyMap() {
+      if (this.adapter) {
+        this.adapter.destroy()
+        this.adapter = null
+      }
+    },
+
+    _bindAdapterEvents() {
+      if (!this.adapter) return
+
+      const events = ['click', 'moveend', 'zoomend', 'zoomchange', 'mapmove']
+      events.forEach((evt) => {
+        this.adapter.on(evt, (data) => {
+          this.$emit(evt, data)
+        })
+      })
+    },
+
+    // 对外暴露的统一 API
+    setCenter(center) {
+      if (this.adapter) this.adapter.setCenter(center)
+    },
+
+    setZoom(zoom) {
+      if (this.adapter) this.adapter.setZoom(zoom)
+    },
+
+    setMapType(type) {
+      if (this.adapter) this.adapter.setMapType(type)
+    },
+
+    setTheme(theme) {
+      if (this.adapter) this.adapter.setTheme(theme)
+    },
+
+    getCenter() {
+      return this.adapter ? this.adapter.getCenter() : this.mergedCenter
+    },
+
+    getZoom() {
+      return this.adapter ? this.adapter.getZoom() : this.mergedZoom
+    },
+
+    getNativeMap() {
+      return this.adapter ? this.adapter.getNativeMap() : null
+    },
+
+    resize() {
+      if (this.adapter) this.adapter.resize()
+    },
+
+    on(eventName, handler) {
+      if (this.adapter) this.adapter.on(eventName, handler)
+    },
+
+    off(eventName) {
+      if (this.adapter) this.adapter.off(eventName)
+    },
+
+    rebuild() {
+      this.rebuildMap()
+    }
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/xt-map/index.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_xt_mapvue_type_script_lang_js = (xt_mapvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+// CONCATENATED MODULE: ./src/components/xt-map/index.vue
+
+
+
+
+
+/* normalize component */
+
+var component = normalizeComponent(
+  components_xt_mapvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var xt_map = (component.exports);
+// CONCATENATED MODULE: ./src/components/xt-map/index.js
+
+
+
+xt_map.install = function (Vue) {
+  Vue.component(xt_map.name, xt_map)
+}
+
+/* harmony default export */ var components_xt_map = (xt_map);
+
+
+// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+
+
+/* harmony default export */ var entry_lib = __webpack_exports__["default"] = (components_xt_map);
+
+
+
+/***/ })
+
+/******/ });