Google Maps JavaScript API v3报错修复：Array.from()不支持可迭代对象问题

这个报错是因为Google Maps JavaScript API v3的新版本依赖支持可迭代对象的Array.from()实现，而你的运行环境（比如旧浏览器）不具备这个能力。以下是具体修复方案：

• 添加Array.from兼容Polyfill
  在加载Google Maps API的脚本之前，插入一段Polyfill代码，覆盖环境中不兼容的Array.from()实现：

  // 针对不支持迭代器的环境，修复Array.from
  if (!Array.from || !(Symbol.iterator in Array.prototype)) {
    Array.from = function(obj) {
      return [].slice.call(obj);
    };
  }
  

  这段代码会把Array.from降级为使用slice.call来转换类数组对象，满足API的基础需求。

• 指定API的旧兼容版本
  如果你需要兼容IE11这类旧浏览器，可以在加载API时指定一个对旧环境更友好的稳定版本（比如3.46）：

  <script src="https://maps.googleapis.com/maps/api/js?key=你的新API密钥&v=3.46"></script>
  

  3.46及之前的API版本没有强制依赖ES6迭代器特性，能避免这类兼容问题。

• 确认加载顺序与密钥权限
  确保Polyfill脚本在Google Maps API脚本之前加载，让API初始化时能优先使用兼容的Array.from()；同时检查新API密钥是否已启用Google Maps JavaScript API权限，排除因密钥配置错误导致的异常加载。

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