[問題] ajax tab載入google地圖無法顯示?

作者: jami520 (我的生命因你而發光)   2015-02-17 15:22:08
目前我用ajax tab載入外部網頁,只要是文字的網頁都OK
但現在我額外做了一個google map的網頁如下
http://alumi.why3s.tw/ajax-tabs-demo/tt.html
上述瀏覽是OK的
http://alumi.why3s.tw/ajax-tabs-demo/
(第二個TAB的google地圖)
但我將它加入到TAB中就無法呈現,是哪邊的問題嗎?
我將它壓縮成這個檔案,有否高手可以幫我看看是哪邊的問題呢?
http://alumi.why3s.tw/ajax-tabs-demo/demo.zip
謝謝
作者: iamnodoubt (Have Fun)   2015-02-17 19:55:00
不確定為什麼你tab內容都用link的方式,我打開consolegoogle undefined,很明顯就是google script外掛沒吃到我加到index.html,google undefined消失,但是跳不能write google api script on document,你為何不用傳統tab處理方式,display:none ,display:block,程式碼短又沒這個問題....不然你就把google map寫在index,再去控制show hide
作者: jami520 (我的生命因你而發光)   2015-02-17 20:14:00
因為全部同時載入所耗時間很多,所以我希望有點選TAB才載入外部網頁,傳統方式可達到這效果嗎?還是我原本的作法有解決方式呢?我試過將google map程式.html顯示tab內容的div那邊也無法正常秀出地圖,但改換就OK,不知道是否tab顯示div那個css還是js有問題否,看是
作者: oToToT (屁孩)   2015-02-17 21:05:00
真的不行,最爛的方式就用iframe吧XD
作者: poiuy999 (Nines)   2015-02-19 21:32:00
Google map 在display none 時就load會載不完全 要在jsdisplay block時才對map 做load才會正常
作者: jami520 (我的生命因你而發光)   2015-02-20 11:08:00
加入載入判斷就解決了,感謝各位高手的回覆。

Links booklink

Contact Us: admin [ a t ] ucptt.com