v2.21.1以上版本，地图设置为无底图模式时，获取经纬度的控件会显示(0,0)

[Dreammy23]

问题描述

最新版本的经纬度控件在无底图模式下无法正确获取坐标

重现链接

No response

重现步骤

No response

预期行为

我期望看到坐标随鼠标移动正常展示

平台

No response

屏幕截图或视频（可选）

补充说明（可选）

No response

[lvisei]

L7 研发环境调试正常

打包发布后，业务线上使用都会显示 (0,0)

可能是打包编译时，代码出现的问题？

[lvisei]

2.21.1 版本编译后的结果

https://npmmirror.com/package/@antv/l7-map/files/es/handler/events/map_mouse_event.js?version=2.21.2#L14

2.21.1 版本编译的结果

https://npmmirror.com/package/@antv/l7-map/files/es/handler/events/map_mouse_event.js?version=2.21.1#L41-L64

[lvisei]

编译前的代码，四年前写的没有动过

L7/packages/map/src/handler/events/event.ts

Lines 4 to 10 in 41ea5dd

 export class Event { 
   public type: string; 
   constructor(type: string, data: any = {}) { 
     merge(this, data); 
     this.type = type; 
   } 
 } 

L7/packages/map/src/handler/events/map_mouse_event.ts

Lines 11 to 65 in 41ea5dd

 export default class MapMouseEvent extends Event { 
   /** 
    * `true` if `preventDefault` has been called. 
    * @private 
    */ 
  
   public type: 
     | 'mousedown' 
     | 'mouseup' 
     | 'click' 
     | 'dblclick' 
     | 'mousemove' 
     | 'mouseover' 
     | 'mouseenter' 
     | 'mouseleave' 
     | 'mouseout' 
     | 'contextmenu'; 
  
   /** 
    * The `Map` object that fired the event. 
    */ 
   public target: Map | EarthMap; 
  
   /** 
    * The DOM event which caused the map event. 
    */ 
   public originalEvent: MouseEvent; 
  
   /** 
    * The pixel coordinates of the mouse cursor, relative to the map and measured from the top left corner. 
    */ 
   public point: Point; 
  
   /** 
    * The geographic location on the map of the mouse cursor. 
    */ 
   public lngLat: LngLat; 
  
   public defaultPrevented: boolean; 
  
   /** 
    * @private 
    */ 
   constructor( 
     type: string, 
     map: Map | EarthMap, 
     originalEvent: MouseEvent, 
     data: any = {}, 
   ) { 
     const point = DOM.mousePos(map.getCanvasContainer(), originalEvent); 
     const lngLat = map.unproject(point); 
     super(type, merge({ point, lngLat, originalEvent }, data)); 
     this.defaultPrevented = false; 
     this.target = map; 
   } 

[lvisei]

看似无毒无害，简化复现一下

class A {
  public arg1: number
  constructor(arg1: number, arg2: number) {
    this.arg1 = arg1;
    this.arg2 = arg2;
  }
}


class B extends A {
  public arg2: number
  public arg3: number
  constructor(arg1: number, arg2: number, arg3: number) {
    super(arg1, arg2);
    this.arg3 = arg3;
  }
}

const b = new B(1, 2, 3)
console.log(b)

再简化一下转化为 JS 的

class A {
   arg1
  constructor(arg1, arg2) {
    this.arg1 = arg1;
    this.arg2 = arg2;
  }
}


class B extends A {
   arg2
   arg3
  constructor(arg1, arg2, arg3) {
    super(arg1, arg2);
    this.arg3 = arg3;
  }
}

const b = new B(1, 2, 3)
console.log(b)

执行结果是什么？

[lvisei]

打包时，使用了 Babel 进行了编译，默认配置编译后的结果

babel repl

[lvisei]

给 babel 如果加了 @babel/plugin-transform-typescript 插件，编译后的结果

babel repl

[lvisei]

如果使用 typescript 编译

TS Playground

忽略编译错误，执行结果

[spadek-w]

@lvisei 所以老哥最后如何改这个问题。加上pnpm add --save-dev @babel/plugin-transform-typescript ？？？

[lvisei]

最后如何改这个问题。加上pnpm add --s

等今天修复了发个版本

[lvisei]

等今天修复了发个版本

#2437