React-Google-Maps在容器div上顯示灰色區域調整大小

我正在使用React-Google-Maps軟件包處理React應用程序。我目前的頁面有左側邊欄，可摺疊。當我點擊一個按鈕使左邊欄摺疊時，主div內的谷歌地圖不適合它的容器。React-Google-Maps在容器div上顯示灰色區域調整大小

我曾嘗試這一點，但什麼都沒有發生：

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

來源

2017-07-21 Manhhailua

你怎麼樣重新描繪時，側邊欄倒塌 – Muhaimin

@Muhaimin的谷歌地圖組件：我想'this.forceUpdate（）'但是灰色地帶仍然存在。 – Manhhailua

我的意思是當側邊欄摺疊時，如何根據側邊欄的狀態觸發地圖組件重新渲染 – Muhaimin

的代碼，您所提供的作品，然而，調整大小與當前可見的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

```

來源

2017-08-24 00:14:16 jonlu

React-Google-Maps在容器div上顯示灰色區域調整大小

回答

相關問題