求助：将Google Maps的addDomListener替换为addEventListener

1. 替换废弃的addDomListener为原生addEventListener #

原来的Google Maps专属监听代码：

google.maps.event.addDomListener(document.getElementById("cksites"), 'click', function () {
   // 开启/关闭地图图层..
});

直接换成原生DOM事件监听即可，完全不需要依赖Google Maps API：

const siteCheckbox = document.getElementById("cksites");
if (siteCheckbox) {
  siteCheckbox.addEventListener('click', function () {
    // 你的图层切换逻辑保持不变
  });
}

加个元素存在判断，避免回调执行时复选框还没渲染导致的报错。

2. window.addEventListener("load", initMap)的放置位置 #

这段代码的作用是等页面所有资源加载完成后再初始化地图，直接放在initMap函数定义之后就行，比如：

function initMap() {
  // 你的地图初始化代码
  map = new google.maps.Map(document.getElementById('mapCanvas'), {
    zoom: 6,
    center: new google.maps.LatLng(-37.59438, -66.15541),
    mapTypeId: google.maps.MapTypeId.TERRAIN,
    mapTypeControl: true,
    mapTypeControlOptions: {
      style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
      position: google.maps.ControlPosition.TOP_RIGHT
    }
  });
  // 创建script标签加载数据
  var script = document.createElement('script');
  script.src = '../scripts/argDataSites.js';
  document.getElementsByTagName('head')[0].appendChild(script);
}

// 直接放在initMap函数下面
window.addEventListener("load", initMap);

把这段代码放在HTML头部的script文件里，或者单独的初始化JS文件中都可以，只要保证initMap已经被定义就行。

3. 批量更新多个复选框的点击事件 #

如果有多个控制图层的复选框，不用逐个写ID绑定，给所有这类复选框加个统一类名（比如layer-toggle）：

<!-- HTML里给每个图层复选框加类 -->
<input type="checkbox" id="cksites" class="layer-toggle" />
<input type="checkbox" id="ckanother" class="layer-toggle" />

然后在回调函数里批量处理：

window.eqfeed_callback = function (results) {
  // ... 你的站点数据处理逻辑 ...

  // 批量获取所有图层切换复选框
  const toggleCheckboxes = document.querySelectorAll('.layer-toggle');
  toggleCheckboxes.forEach(checkbox => {
    checkbox.addEventListener('click', function () {
      // 根据复选框ID区分不同图层
      switch(this.id) {
        case 'cksites':
          // 处理sites图层的显示/隐藏
          break;
        case 'ckanother':
          // 处理another图层的显示/隐藏
          break;
        // 其他图层逻辑
      }
    });
  });
};

这样不管有多少个复选框，都能一次性绑定事件，不用重复写监听代码。

注意事项 #

• 确保绑定事件时，对应的DOM元素已经渲染完成，如果回调执行时DOM还没加载，也可以把事件绑定逻辑移到DOMContentLoaded事件里。
• 图层切换的核心逻辑不需要修改，只需要替换事件监听的方式。

内容的提问来源于stack exchange，提问作者LouisLemire