作者jami520 (我的生命因你而发光)
看板Web_Design
标题[问题] ajax tab载入google地图无法显示?
时间Tue Feb 17 15:22:08 2015
目前我用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
谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 111.246.221.150
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1424157731.A.97F.html
1F：推 iamnodoubt: 不确定为什麽你tab内容都用link的方式,我打开console 02/17 19:55
2F：→ iamnodoubt: google undefined,很明显就是google script外挂没吃到 02/17 19:56
3F：→ iamnodoubt: 我加到index.html,google undefined消失,但是跳不能 02/17 19:58
4F：→ iamnodoubt: write google api script on document,你为何不用传统 02/17 20:00
5F：→ iamnodoubt: tab处理方式,display:none ,display:block,程式码短又 02/17 20:00
6F：→ iamnodoubt: 没这个问题.... 02/17 20:01
7F：→ iamnodoubt: 不然你就把google map写在index,再去控制show hide 02/17 20:05
8F：→ jami520: 因为全部同时载入所耗时间很多，所以我希望有点选TAB才 02/17 20:14
9F：→ jami520: 载入外部网页，传统方式可达到这效果吗？ 02/17 20:15
10F：→ jami520: 还是我原本的作法有解决方式呢？我试过将google map程式 02/17 20:28
11F：→ jami520: .html显示tab内容的div那边也无法正常秀出地图，但改换 02/17 20:28
12F：→ jami520: 就OK，不知道是否tab显示div那个css还是js有问题否，看是 02/17 20:30
13F：推 oToToT: 真的不行，最烂的方式就用iframe吧XD 02/17 21:05
14F：推 poiuy999: Google map 在display none 时就load会载不完全 要在js 02/19 21:32
15F：→ poiuy999: display block时才对map 做load才会正常 02/19 21:32
16F：→ jami520: 加入载入判断就解决了，感谢各位高手的回覆。 02/20 11:08