vue-openlayers-plugin 1.0.41 → 1.0.43

package/lib/{index-e3f12e06.mjs → index-ead1b915.mjs}

@@ -466578,8 +466578,8 @@ class MapManager {
     if (!this.searchMarkerManager || !this.map)
       return [];
     try {
-      const { tiandituSearchApi } = await import("./tiandituSearchApi-1b9df1b1.mjs");
-      const results = await tiandituSearchApi.search(query);
+      const { tiandituSearchApi: tiandituSearchApi2 } = await Promise.resolve().then(() => tiandituSearchApi$1);
+      const results = await tiandituSearchApi2.search(query);
       if (results.length > 0) {
         const result = results[0];
         const coordinate = [parseFloat(result.lon), parseFloat(result.lat)];
@@ -473774,6 +473774,539 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 const MapToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-f8ee8458"]]);
+const TIANDITU_CONFIG = {
+  baseUrl: "https://api.tianditu.gov.cn/v2/search",
+  key: "9a7244dd5d1a1299a52946a3d0f8ff68"
+};
+class TiandituSearchApi {
+  constructor(apiKey) {
+    __publicField(this, "apiKey");
+    __publicField(this, "baseUrl");
+    this.apiKey = apiKey || TIANDITU_CONFIG.key;
+    this.baseUrl = TIANDITU_CONFIG.baseUrl;
+  }
+  /**
+   * 搜索地址或POI
+   * @param query 搜索关键词
+   * @param options 搜索选项
+   */
+  async search(query, options = {}) {
+    try {
+      const { maxResults = 10, region = "全国", type = "all" } = options;
+      const queryString = {
+        keyWord: query,
+        level: 12,
+        mapBound: "116.02524,39.83833,116.65592,39.99185",
+        queryType: 1,
+        start: 0,
+        count: maxResults
+      };
+      const requestParams = {
+        postStr: JSON.stringify(queryString),
+        type: "query",
+        tk: this.apiKey
+      };
+      const params2 = this.convertObjectToQueryString(requestParams);
+      const response = await fetch(`${this.baseUrl}?${params2}`);
+      if (!response.ok) {
+        throw new Error(`天地图API请求失败: ${response.status}`);
+      }
+      const data = await response.json();
+      if (response.status != "200") {
+        throw new Error(`天地图API返回错误: ${data.status}`);
+      }
+      debugger;
+      return this.transformResults(data, type);
+    } catch (error2) {
+      console.error("天地图搜索失败:", error2);
+      throw error2;
+    }
+  }
+  /**
+   * 将JSON数据转换为查询字符串的函数
+   */
+  convertObjectToQueryString(obj) {
+    const queryString = Object.keys(obj).map((key) => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`).join("&");
+    return queryString;
+  }
+  /**
+   * 转换天地图搜索结果为标准格式
+   */
+  transformResults(data, type) {
+    const results = [];
+    if (data.pois && (type === "all" || type === "poi")) {
+      data.pois.forEach((poi, index2) => {
+        const [lon2, lat2] = poi.lonlat.split(",").map(Number);
+        results.push({
+          id: `tianditu-poi-${index2}`,
+          name: poi.name,
+          address: poi.address || poi.eaddress || "",
+          location: [lon2, lat2],
+          type: this.getPOIType(poi.tag, poi.poiType),
+          confidence: 0.9,
+          city: poi.city,
+          province: poi.province,
+          district: poi.district
+        });
+      });
+    }
+    if (data.suggests && (type === "all" || type === "suggest")) {
+      data.suggests.forEach((suggest, index2) => {
+        const [lon2, lat2] = suggest.lonlat.split(",").map(Number);
+        results.push({
+          id: `tianditu-suggest-${index2}`,
+          name: suggest.name,
+          address: suggest.address || "",
+          location: [lon2, lat2],
+          type: this.getPOIType(suggest.tag),
+          confidence: 0.8
+        });
+      });
+    }
+    return results;
+  }
+  /**
+   * 根据标签或POI类型获取POI类型
+   */
+  getPOIType(tag2, poiType) {
+    if (poiType) {
+      const typeMap2 = {
+        "101": "地点",
+        "102": "商业",
+        "103": "餐饮",
+        "104": "住宿",
+        "105": "医疗",
+        "106": "教育",
+        "107": "金融",
+        "108": "交通",
+        "109": "旅游",
+        "110": "休闲",
+        "111": "体育"
+      };
+      return typeMap2[poiType] || "地点";
+    }
+    if (!tag2)
+      return "地点";
+    const typeMap = {
+      住宅区: "住宅",
+      商务住宅: "住宅",
+      购物: "商业",
+      购物中心: "商业",
+      餐饮: "餐饮",
+      美食: "餐饮",
+      酒店: "住宿",
+      宾馆: "住宿",
+      医院: "医疗",
+      诊所: "医疗",
+      学校: "教育",
+      大学: "教育",
+      银行: "金融",
+      ATM: "金融",
+      加油站: "交通",
+      停车场: "交通",
+      地铁站: "交通",
+      公交站: "交通",
+      景点: "旅游",
+      公园: "休闲",
+      体育场: "体育"
+    };
+    for (const [key, value] of Object.entries(typeMap)) {
+      if (tag2.includes(key)) {
+        return value;
+      }
+    }
+    return "地点";
+  }
+  /**
+   * 根据级别获取行政区划类型
+   */
+  getAdminType(level2) {
+    const levelMap = {
+      "1": "国家",
+      "2": "省份",
+      "3": "城市",
+      "4": "区县",
+      "5": "乡镇",
+      "6": "村庄"
+    };
+    return levelMap[level2] || "行政区";
+  }
+  /**
+   * 获取建议搜索词
+   * @param query 输入关键词
+   */
+  async getSuggestions(query, maxResults = 5) {
+    try {
+      const results = await this.search(query, {
+        maxResults,
+        type: "suggest"
+      });
+      return results.map((result) => result.name);
+    } catch (error2) {
+      console.error("获取搜索建议失败:", error2);
+      return [];
+    }
+  }
+  /**
+   * 逆地理编码 - 根据坐标获取地址
+   * @param coordinates 经纬度坐标 [lon, lat]
+   */
+  async reverseGeocode(coordinates2) {
+    var _a3;
+    try {
+      const [lon2, lat2] = coordinates2;
+      const params2 = new URLSearchParams({
+        lon: lon2.toString(),
+        lat: lat2.toString(),
+        ver: "1",
+        tk: this.apiKey
+      });
+      const response = await fetch(`https://api.tianditu.gov.cn/geocoder?${params2.toString()}`);
+      if (!response.ok) {
+        throw new Error(`逆地理编码请求失败: ${response.status}`);
+      }
+      const data = await response.json();
+      if (data.status === "0" && data.result) {
+        return data.result.formatted_address || ((_a3 = data.result.addressComponent) == null ? void 0 : _a3.address) || "未知地址";
+      }
+      throw new Error("逆地理编码失败");
+    } catch (error2) {
+      console.error("逆地理编码失败:", error2);
+      return "未知地址";
+    }
+  }
+}
+const tiandituSearchApi = new TiandituSearchApi();
+const tiandituSearchApi$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  TiandituSearchApi,
+  tiandituSearchApi
+}, Symbol.toStringTag, { value: "Module" }));
+class MapSearchService {
+  // 5分钟缓存
+  constructor(config) {
+    __publicField(this, "config");
+    __publicField(this, "cache", /* @__PURE__ */ new Map());
+    __publicField(this, "cacheExpiry", /* @__PURE__ */ new Map());
+    __publicField(this, "CACHE_DURATION", 5 * 60 * 1e3);
+    this.config = config;
+  }
+  /**
+   * 搜索地址
+   */
+  async search(query) {
+    if (!query || query.length < (this.config.minSearchLength || 2)) {
+      return [];
+    }
+    const cached = this.getFromCache(query);
+    if (cached) {
+      return cached;
+    }
+    let results = [];
+    try {
+      switch (this.config.provider) {
+        case "baidu":
+          results = await this.searchBaidu(query);
+          break;
+        case "amap":
+          results = await this.searchAmap(query);
+          break;
+        case "google":
+          results = await this.searchGoogle(query);
+          break;
+        case "tianditu":
+          results = await this.searchTianditu(query);
+          break;
+        case "custom":
+          results = await this.searchCustom(query);
+          break;
+        default:
+          results = await this.searchTianditu(query);
+      }
+      if (this.config.maxResults) {
+        results = results.slice(0, this.config.maxResults);
+      }
+      this.setCache(query, results);
+      return results;
+    } catch (error2) {
+      console.error("搜索失败:", error2);
+      return [];
+    }
+  }
+  /**
+   * 百度地图搜索
+   */
+  async searchBaidu(query) {
+    if (!this.config.apiKey) {
+      throw new Error("百度地图API密钥未配置");
+    }
+    const url = "https://api.map.baidu.com/place/v2/search";
+    const params2 = new URLSearchParams({
+      query,
+      region: "全国",
+      output: "json",
+      ak: this.config.apiKey,
+      page_size: String(this.config.maxResults || 10),
+      page_num: "0"
+    });
+    try {
+      const response = await fetch(`${url}?${params2}`, {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json"
+        }
+      });
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const data = await response.json();
+      if (data.status !== 0) {
+        throw new Error(`百度API错误: ${data.message || data.status}`);
+      }
+      return this.parseBaiduResults(data.results || []);
+    } catch (error2) {
+      console.error("百度地图搜索失败:", error2);
+      throw error2;
+    }
+  }
+  /**
+   * 高德地图搜索
+   */
+  async searchAmap(query) {
+    if (!this.config.apiKey) {
+      throw new Error("高德地图API密钥未配置");
+    }
+    const url = "https://restapi.amap.com/v3/place/text";
+    const params2 = new URLSearchParams({
+      keywords: query,
+      key: this.config.apiKey,
+      output: "json",
+      offset: String(this.config.maxResults || 10),
+      page: "1",
+      extensions: "all"
+    });
+    try {
+      const response = await fetch(`${url}?${params2}`, {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json"
+        }
+      });
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const data = await response.json();
+      if (data.status !== "1") {
+        throw new Error(`高德API错误: ${data.info || data.status}`);
+      }
+      return this.parseAmapResults(data.pois || []);
+    } catch (error2) {
+      console.error("高德地图搜索失败:", error2);
+      throw error2;
+    }
+  }
+  /**
+   * Google地图搜索
+   */
+  async searchGoogle(query) {
+    if (!this.config.apiKey) {
+      throw new Error("Google Maps API密钥未配置");
+    }
+    const url = "https://maps.googleapis.com/maps/api/place/textsearch/json";
+    const params2 = new URLSearchParams({
+      query,
+      key: this.config.apiKey,
+      language: "zh-CN",
+      region: "cn"
+    });
+    try {
+      const response = await fetch(`${url}?${params2}`, {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json"
+        }
+      });
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const data = await response.json();
+      if (data.status !== "OK") {
+        throw new Error(`Google API错误: ${data.error_message || data.status}`);
+      }
+      return this.parseGoogleResults(data.results || []);
+    } catch (error2) {
+      console.error("Google地图搜索失败:", error2);
+      throw error2;
+    }
+  }
+  /**
+   * 天地图搜索
+   */
+  async searchTianditu(query) {
+    try {
+      const results = await tiandituSearchApi.search(query, {
+        maxResults: this.config.maxResults || 10,
+        region: "全国",
+        type: "all"
+      });
+      return results;
+    } catch (error2) {
+      console.error("天地图搜索失败:", error2);
+      throw error2;
+    }
+  }
+  /**
+   * 自定义API搜索
+   */
+  async searchCustom(query) {
+    if (!this.config.customApi) {
+      throw new Error("自定义API配置未设置");
+    }
+    const { url, method = "GET", headers = {}, params: params2 = {}, responseParser } = this.config.customApi;
+    try {
+      const requestParams = { ...params2, query };
+      let requestUrl = url;
+      let requestBody;
+      if (method === "GET") {
+        const urlParams = new URLSearchParams(requestParams);
+        requestUrl = `${url}?${urlParams}`;
+      } else {
+        requestBody = JSON.stringify(requestParams);
+      }
+      const response = await fetch(requestUrl, {
+        method,
+        headers: {
+          "Content-Type": "application/json",
+          ...headers
+        },
+        body: requestBody
+      });
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      const data = await response.json();
+      if (responseParser) {
+        return responseParser(data);
+      }
+      return this.parseCustomResults(data);
+    } catch (error2) {
+      console.error("自定义API搜索失败:", error2);
+      throw error2;
+    }
+  }
+  /**
+   * 解析百度地图结果
+   */
+  parseBaiduResults(results) {
+    return results.map((item, index2) => {
+      var _a3, _b3, _c2, _d;
+      return {
+        id: `baidu_${item.uid || index2}`,
+        name: item.name || "",
+        address: item.address || "",
+        location: [((_a3 = item.location) == null ? void 0 : _a3.lng) || 0, ((_b3 = item.location) == null ? void 0 : _b3.lat) || 0],
+        type: ((_c2 = item.detail_info) == null ? void 0 : _c2.tag) || item.area || "",
+        district: item.district || "",
+        city: item.city || "",
+        province: item.province || "",
+        confidence: ((_d = item.detail_info) == null ? void 0 : _d.overall_rating) ? item.detail_info.overall_rating / 5 : void 0
+      };
+    });
+  }
+  /**
+   * 解析高德地图结果
+   */
+  parseAmapResults(results) {
+    return results.map((item, index2) => {
+      const location2 = item.location ? item.location.split(",").map(Number) : [0, 0];
+      return {
+        id: `amap_${item.id || index2}`,
+        name: item.name || "",
+        address: item.address || "",
+        location: [location2[0], location2[1]],
+        type: item.type || "",
+        district: item.adname || "",
+        city: item.cityname || "",
+        province: item.pname || "",
+        adcode: item.adcode || "",
+        confidence: item.weight ? parseFloat(item.weight) / 100 : void 0
+      };
+    });
+  }
+  /**
+   * 解析Google地图结果
+   */
+  parseGoogleResults(results) {
+    return results.map((item, index2) => {
+      var _a3, _b3, _c2, _d, _e2;
+      return {
+        id: `google_${item.place_id || index2}`,
+        name: item.name || "",
+        address: item.formatted_address || "",
+        location: [
+          ((_b3 = (_a3 = item.geometry) == null ? void 0 : _a3.location) == null ? void 0 : _b3.lng) || 0,
+          ((_d = (_c2 = item.geometry) == null ? void 0 : _c2.location) == null ? void 0 : _d.lat) || 0
+        ],
+        type: ((_e2 = item.types) == null ? void 0 : _e2[0]) || "",
+        confidence: item.rating ? item.rating / 5 : void 0
+      };
+    });
+  }
+  /**
+   * 解析自定义API结果
+   */
+  parseCustomResults(data) {
+    if (Array.isArray(data)) {
+      return data;
+    }
+    if (data.results && Array.isArray(data.results)) {
+      return data.results;
+    }
+    if (data.data && Array.isArray(data.data)) {
+      return data.data;
+    }
+    return [];
+  }
+  /**
+   * 获取缓存
+   */
+  getFromCache(query) {
+    const cached = this.cache.get(query);
+    const expiry = this.cacheExpiry.get(query);
+    if (cached && expiry && Date.now() < expiry) {
+      return cached;
+    }
+    this.cache.delete(query);
+    this.cacheExpiry.delete(query);
+    return null;
+  }
+  /**
+   * 设置缓存
+   */
+  setCache(query, results) {
+    this.cache.set(query, results);
+    this.cacheExpiry.set(query, Date.now() + this.CACHE_DURATION);
+    if (this.cache.size > 100) {
+      const firstKey = this.cache.keys().next().value;
+      this.cache.delete(firstKey);
+      this.cacheExpiry.delete(firstKey);
+    }
+  }
+  /**
+   * 清理缓存
+   */
+  clearCache() {
+    this.cache.clear();
+    this.cacheExpiry.clear();
+  }
+  /**
+   * 更新配置
+   */
+  updateConfig(config) {
+    this.config = config;
+    this.clearCache();
+  }
+}
 const _hoisted_1$a = { class: "search-input-wrapper" };
 const _hoisted_2$a = { class: "search-results" };
 const _hoisted_3$a = {
@@ -473817,7 +474350,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       enabled: true,
       position: "top-left",
       placeholder: "搜索地点...",
-      provider: "baidu",
+      provider: "tianditu",
       maxResults: 10,
       showHistory: true,
       searchDelay: 300,
@@ -473828,6 +474361,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const searchService = new MapSearchService(props.config);
     const searchQuery = ref("");
     const searchResults = ref([]);
     const searchHistory = ref([]);
@@ -473929,6 +474463,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       isLoading.value = true;
       showResults.value = true;
       try {
+        debugger;
+        const results = await searchService.search(query);
+        searchResults.value = results;
         emit("search", query);
       } catch (error2) {
         console.error("搜索失败:", error2);
@@ -473942,6 +474479,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       showResults.value = false;
       selectedIndex.value = -1;
       addToHistory(result);
+      debugger;
       emit("select", result);
     };
     const selectHistoryItem = (item) => {
@@ -474211,7 +474749,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MapSearch = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-3547f7a5"]]);
+const MapSearch = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-8babff5c"]]);
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -479429,6 +479967,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const onSearch = (query) => {
+      debugger;
       if (mapContainerRef.value && mapContainerRef.value.handleSearch) {
         mapContainerRef.value.handleSearch(query);
       }
@@ -479438,6 +479977,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (mapContainerRef.value && mapContainerRef.value.handleSearchSelect) {
         mapContainerRef.value.handleSearchSelect(result);
       }
+      debugger;
       emit("search-select", result);
     };
     const onSearchClear = () => {
@@ -480048,7 +480588,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CustomOpenlayer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6ff898ba"]]);
+const CustomOpenlayer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b6c093eb"]]);
 var u8 = Uint8Array;
 var u16 = Uint16Array;
 var i32 = Int32Array;
@@ -488320,7 +488860,7 @@ function(t3) {
  */
 function(t3) {
   function e8() {
-    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-a81be151.mjs")).catch(function(t4) {
+    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-342b25b8.mjs")).catch(function(t4) {
       return Promise.reject(new Error("Could not load canvg: " + t4));
     }).then(function(t4) {
       return t4.default ? t4.default : t4;

package/lib/{index.es-a81be151.mjs → index.es-342b25b8.mjs}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, R as RGBColor, r as requestAnimationFrame, _ as _asyncToGenerator, a as _, p as processCanvasRGBA, b as _defineProperty } from "./index-e3f12e06.mjs";
+import { c as commonjsGlobal, R as RGBColor, r as requestAnimationFrame, _ as _asyncToGenerator, a as _, p as processCanvasRGBA, b as _defineProperty } from "./index-ead1b915.mjs";
 import "vue";
 import "ol";
 var check = function(it) {

package/lib/index.esm.js

@@ -1,4 +1,4 @@
-import { z, B, d, C, D, a2, a3, u, y, I, H, Z, $, L, J, K, a4, h, M, a0, a1, X, Y, U, W, Q, S, P, A, F, G, N, O, e, T, E, V, x, j, o, t, f, k, g, w, q, m, n, a5, i, s, l, v } from "./index-e3f12e06.mjs";
+import { z, B, d, C, D, a2, a3, u, y, I, H, Z, $, L, J, K, a4, h, M, a0, a1, X, Y, U, W, Q, S, P, A, F, G, N, O, e, T, E, V, x, j, o, t, f, k, g, w, q, m, n, a5, i, s, l, v } from "./index-ead1b915.mjs";
 import "vue";
 import "ol";
 export {