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

时间:2017-07-21 21:05:27

标签: javascript google-maps reactjs

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

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



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




1 个答案:

答案 0 :(得分: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

```