1

src/view/case/draw/selectMapleaftImages.vue

@@ -284,14 +284,16 @@ watchEffect(() => {
 defineExpose<QuiskExpose>({
   submit() {
     return new Promise<MapImage>((resolve) => {
+      let firstElement = document.querySelector('.leaflet-control-container');
+      firstElement.style.visibility = 'hidden';
       console.log("searchInfo", searchInfo.value, mapEl.value);
       const info = getblc();
       if (mapEl.value) {
-        const canvas = mapEl.value.querySelector("canvas") as HTMLCanvasElement;
-        console.log(canvas, "canvas");
-        canvas &&
-          canvas.toBlob((blob) => resolve({ blob, search: searchInfo.value!, ...info })); // || resolve({ search: searchInfo.value! });
-        if (!canvas) {
+        // const canvas = mapEl.value.querySelector("canvas") as HTMLCanvasElement;
+        // console.log(canvas, "canvas");
+        // canvas &&
+        //   canvas.toBlob((blob) => resolve({ blob, search: searchInfo.value!, ...info })); // || resolve({ search: searchInfo.value! });
+        // if (!canvas) {
           //div内容生成图片
           html2canvas(mapEl.value, {
             useCORS: true, // 添加这个选项以解决跨域问题
@@ -299,8 +301,9 @@ defineExpose<QuiskExpose>({
             let imgUrl = canvas.toDataURL("image/png");
             let blob = dataURLtoBlob(imgUrl);
             resolve({ blob, search: searchInfo.value!, ...info });
+            firstElement.style.visibility = 'visible';
           });
-        }
+        // }
       } else {
         resolve({ blob: null, search: null });
       }