fix: 修复在 Map 上使用组件事件穿透到图层上的问题 (#2518)

* fix: 修复在 Map 上使用组件事件穿透到图层上的问题 * chore: add changeset
antvis · Jun 4, 2024 · 8939e9b · 8939e9b
1 parent 100fd87
commit 8939e9b
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/.changeset/gold-fans-dream.md b/.changeset/gold-fans-dream.md
@@ -0,0 +1,5 @@
+---
+'@antv/l7-maps': patch
+---
+
+fix: 修复在 Map 上使用组件事件穿透到图层上的问题
diff --git a/packages/maps/src/map/map.ts b/packages/maps/src/map/map.ts
@@ -113,6 +113,22 @@ export default class DefaultMapService extends BaseMapService<Map> {
     this.handleCameraChanged();
   }
 
+  protected creatMapContainer(id: string | HTMLDivElement) {
+    let wrapper = id as HTMLDivElement;
+    if (typeof id === 'string') {
+      wrapper = document.getElementById(id) as HTMLDivElement;
+    }
+    const container = document.createElement('div');
+    container.style.cssText += `
+      position: absolute;
+      top: 0;
+      height: 100%;
+      width: 100%;
+    `;
+    wrapper.appendChild(container);
+    return container;
+  }
+
   public exportMap(type: 'jpg' | 'png'): string {
     const renderCanvas = this.map.getCanvas();
     const layersPng =