React-Google-Maps显示容器div上的灰色区域调整大小

Question

我正在使用React-Google-Maps包处理React应用。我当前的页面有一个左侧边栏，它可以折叠。当我点击一个按钮使左侧边栏折叠时，主div内的谷歌地图不适合它的容器。

我确实试过这个但没有发生任何事情：

＆＃13;

＆＃13;

google.maps.event.trigger( 
  this.__map.context['__SECRET_MAP_DO_NOT_USE_OR_YOU_WILL_BE_FIRED'], 
  'resize'
)

＆＃13;

＆＃13;

＆＃13;

Answer 1

您提供的代码可用，但是，调用大小时会调用当前可见的div。这假设您的侧边栏有一些与之关联的动画，并且正在关闭侧边栏时调用该代码。所以，只需在触发调整大小之前添加超时功能。

setTimeout(() => {
    google.maps.event.trigger(
        this.map.context.__SECRET_MAP_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
        'resize'
    )
}, 500) // modify as you see fit

```