正如用户指南中提到的，你需要显式地从window中读取任何全局变量，把它放在文件的顶部，它就会工作：

const google = window.google;

我们之所以强制这样做是因为人们通常会误解局部变量、导入模块和全局变量之间的区别，因此我们希望在使用全局变量时始终在代码中明确这一点。
顺便说一句，这与Webpack或HTTPS无关。你看到这一点是因为我们使用了一个禁止未知全局变量的限制规则。

我认为当你从html中的脚本导入谷歌Map时，谷歌变量已经可用了。这个错误是由Eslint引起的，你可以尝试将下面的行添加到你的文件顶部以禁用ESlint

/*global google*/

我有个更好的办法@Dan 's你可以这样做

window.google = window.google ? window.google : {}

或

const google = window.google = window.google ? window.google : {}

如果google可用，则没有问题;如果不可用，则将临时分配空对象，直到加载脚本。
如果es-lint抛出未定义的google错误，请更新eslint配置文件中的全局变量：

{
    "globals": {
        "google": "readonly"
    }
}

或
对于特定的文件用例，在文件顶部定义如下

/*global google*/

您可以像这样使用withGoogleMap：

import { withGoogleMap, GoogleMap, Marker, InfoWindow } from "react-google-maps";

const google = window.google;

class MapComponent extends Component {
....

<GoogleMap>
.....
.....
.....
</GoogleMap>

export default withGoogleMap(MapComponent);

.eslintrc.json

{
    // ...
    "globals": {
     "google": "readonly"
    }
}