某些浏览器的GMap问题

时间:2011-03-06 17:54:56

标签: javascript jquery google-maps

我正在尝试在网站上实现gMap [1]并且我已经部分运行了。地图在Chrome和Safari中正常显示,但在Firefox,IE和Opera中失败(最新版本)。我将Google Map API密钥加载为标头中的第一个javascript资源,然后是jQuery,最后是我在窗口加载时的调用(在aaolm.js中)。基本上,失败的浏览器中发生的事情是使用Google地图控件部分渲染地图,但实际地图视图为空白。在Chrome和Safari中,地图呈现没有任何问题。以下页面是正在发生的事情的一个例子:

http://www.advancedaquarist.com/events/reefstock-march-12-2011

我真的不知道为什么会这样。任何帮助,将不胜感激。谢谢!

[1] http://gmap.nurtext.de/examples.html

2 个答案:

答案 0 :(得分:1)

我也有这个问题。似乎应该指责一种非常常见的“响应式设计”技术(img{max-width:100%;})。如果您可以通过地图max-width: none;内的图片div撤消此操作,那么您已经完成了设置。

答案 1 :(得分:0)

它将成为一个分配问题..

尝试将包含地图的div设为特定尺寸,而不是100%..并且您可能会发现地图会显示..

这里有一些信息:

http://econym.org.uk/gmap/basic19.htm

邓肯。