raintee-maputils 1.0.38 → 1.0.40

package/dist/index.js

@@ -6095,11 +6095,190 @@ function sortDataFromCNToEN(data) {
     return a.text.localeCompare(b.text);
   });
   return sortedData
-}
+}
+
+function canvasToBase64(canvas, mimeType = 'image/png', quality = 0.92) {
+  if (!canvas || !(canvas instanceof HTMLCanvasElement)) {
+    throw new Error('无效的Canvas元素');
+  }
+
+  try {
+    // 方法1：使用toDataURL（最常用）
+    if (mimeType === 'image/jpeg' || mimeType === 'image/webp') {
+      return canvas.toDataURL(mimeType, quality);
+    } else {
+      return canvas.toDataURL(mimeType);
+    }
+  } catch (error) {
+    console.error('Canvas转Base64失败:', error);
+    throw error;
+  }
+}
+
+function createElementById(id, callback, options = {}) {
+  // 参数验证
+  if (typeof id !== 'string' || typeof callback !== 'function') {
+    console.error('参数错误：id必须是字符串，callback必须是函数');
+    return null;
+  }
+
+  // 查找现有元素
+  let element = document.getElementById(id);
+
+  if (element) {
+    try {
+      callback(id);
+    } catch (error) {
+      console.error(`执行回调函数时出错:`, error);
+    }
+    return element;
+  } else {
+
+    try {
+      // 创建元素
+      element = document.createElement('div');
+      element.id = id;
+
+      // 设置默认配置
+      const config = {
+        width: 1753,
+        height: 1240,
+        zIndex: -1,
+        styles: {}
+      };
+
+      // 合并用户配置
+      Object.assign(config, options);
+
+      // 基础样式
+      const baseStyles = {
+        width: config.width + 'px',
+        height: config.height + 'px',
+        position: 'absolute',
+        zIndex: config.zIndex.toString(),
+        left: '50%',
+        top: '50%',
+        transform: 'translate(-50%, -50%)',
+        ...config.styles
+      };
+
+      // 应用样式
+      Object.assign(element.style, baseStyles);
+
+      // 添加到页面
+      document.body.appendChild(element);
+
+      // 等待DOM更新后执行回调
+      requestAnimationFrame(() => {
+        try {
+          callback(id);
+        } catch (error) {
+          console.error(`执行回调函数时出错:`, error);
+        }
+      });
+
+      return element;
+
+    } catch (error) {
+      console.error(`创建元素 #${id} 时出错:`, error);
+      return null;
+    }
+  }
+}
+const Sttqp = (initVal, taskList, processor) => {
+  return new Promise((resolve, reject) => {
+
+    let result = Array.isArray(initVal) ? [...initVal] : [initVal];
+    let processi = 0;
+
+    const processNext = async () => {
+      if (processi >= taskList.length) {
+        resolve(result);
+        return
+      }
+      try {
+        let current = taskList[processi];
+        let res_cu = await processor(current, processi, result);
+
+
+        if (res_cu !== undefined) {
+          result.push(res_cu);
+        }
+
+        processi++;
+        await processNext();
+
+      } catch (error) {
+        console.error(`任务 ${processi} 处理失败:`, error);
+        reject(error);
+      }
+    };
+
+    // 开始处理
+    processNext();
+  })
+};
+const CSnapt = async (fts, lys, style) => {
+  return new Promise((resolve, reject) => {
+    createElementById('tem123', async (id) => {
+      const map = sourcemapgl.CreateMapboxMap({
+        container: id,
+        style: style,
+        zoom: 12,
+        center: [104.27, 30.6],
+        pitch: 0,
+        antialias: false,
+        preserveDrawingBuffer: true
+      });
+      map.on('load', () => {
+        map.getSource('userReport') && map.getSource('userReport').setData(fts);
+        RT_FitBoundsMapboxNative(map, fts);
+        const proccessor = (task) => {
+          return new Promise((resolve, reject) => {
+            try {
+              let s = task;
+              let mlys = map.getStyle().layers.filter(i => i.source === s);
+              let nlys = map.getStyle().layers.filter(i => undefined != i['source-layer'] && i['source-layer'] == 'polygon' && i.source != s);
+              nlys.forEach(i => {
+                map.setLayoutProperty(i.id, 'visibility', 'none');
+              });
+              mlys.forEach(i => {
+                map.setLayoutProperty(i.id, 'visibility', i.type != 'symbol' ? 'visible' : 'none');
+              });
+              map.once('idle', () => {
+                setTimeout(() => {
+                  let b = canvasToBase64(map.getCanvas(), 'image/jpeg', 0.8);
+                  resolve({
+                    id: task,
+                    data: b
+                  });
+                }, 300);
+              });
+            } catch (error) {
+              reject(error);
+            }
+
+          })
+
+        };
+        Sttqp([], lys, proccessor).then(res => {
+          map.remove();
+          resolve(res);
+        });
+
+      });
+
+    });
+  })
+};
 
 var RainteeSourceMapTool = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    CSnapt: CSnapt,
     GenerateUniqueId: GenerateUniqueId,
+    Sttqp: Sttqp,
+    canvasToBase64: canvasToBase64,
+    createElementById: createElementById,
     downloadByUrl: downloadByUrl,
     generateKeyValueTableHTML: generateKeyValueTableHTML,
     getLayerIdField: getLayerIdField,