在TypeScript中如何访问Google Maps事件监听器内数组的最新值

数据老陈

2026-9-24

实现方案

核心问题是你当前的myArray是方法内的局部变量，作用域仅限制在声明它的方法内部，外部方法无法访问。你可以根据你的代码场景选择以下方案：

方案1：类场景（TypeScript最常用方案）

把myArray提升为类的成员属性，同时把监听器的回调改为箭头函数绑定this指向，避免作用域偏移：

class MapOperator {
  // 声明类属性，可根据需求调整访问修饰符（public/private/protected）
  private myArray: google.maps.LatLng[] = [];

  // 你原有注册监听器的方法
  registerMapListener(bermudaTriangle: google.maps.Polygon, poly: google.maps.Polygon) {
    // 回调改用箭头函数，绑定this指向类实例
    google.maps.event.addListener(bermudaTriangle.getPath(), 'set_at', (index, obj) => {
      console.log('Vertex moved on outer path.');
      console.log(obj.lat() ,'--',  obj.lng() );
      this.myArray = poly.getPath().getArray();
    });
  }

  // 你需要访问myArray的其他方法
  getLatestVertexArray() {
    // 直接取this.myArray即可拿到最新值
    return this.myArray;
  }
}

方案2：非类的模块场景

如果你的代码没有封装在类里，直接把myArray声明在两个方法的公共父作用域（比如模块顶层）即可：

// 模块顶层声明myArray，两个方法都可以访问
let myArray: google.maps.LatLng[] = [];

// 注册监听器的方法
function registerMapListener(bermudaTriangle: google.maps.Polygon, poly: google.maps.Polygon) {
  google.maps.event.addListener(bermudaTriangle.getPath(), 'set_at', (index, obj) => {
    console.log('Vertex moved on outer path.');
    console.log(obj.lat() ,'--',  obj.lng() );
    myArray = poly.getPath().getArray();
  });
}

// 另一个访问方法
function getLatestVertexArray() {
  return myArray;
}