IE8的谷歌地图问题答案

【问题标题】：Google map issue with IE8IE8的谷歌地图问题
【发布时间】：2014-12-22 08:48:53
【问题描述】：

我正在使用 Google API v3 版本来显示地图。

我有一个包含 3 个标签的页面。在第二个标签中显示谷歌地图。我的问题是在 ie8 中不可见的标记。我在没有标签的页面中检查了相同的内容，并且在 IE8 中正确加载了谷歌地图。

我正在使用脚本，

$('.tabLocation').click(function (e) {
            var myMap = document.getElementById("mapPanel");

            var lastCenter = map.getCenter();
            var myMap = document.getElementById("mapPanel");
            google.maps.event.trigger(myMap, 'resize');
            map.setCenter(lastCenter)
            map.setZoom(map.getZoom());
});

【问题讨论】：

你能创建你当前代码的jsfiddle吗？
你在哪里添加标记？

标签： jquery google-maps-api-3 internet-explorer-8

【解决方案1】：

谷歌地图与 IE8 不兼容，因为 IE8 不支持 HTML5 技术。

许多大型科技公司（例如 Google）已停止支持旧版浏览器（包括 IE8），以便专注于推进互联网技术的未来（例如“HTML5”）。

也许最值得注意的是，微软一直在通过 Windows 更新强制将 IE 从 IE8 更新到 IE9（尽管您可以选择退出）——原因与上述相同。您可以在此处阅读去年的 Windows 博客文章中的更多信息。

很遗憾，我们将无法为 IE8 和其他不支持 HTML5 的旧浏览器提供支持。

您还可以阅读 Wix 博客 here 上的文章。

【讨论】：

从你复制粘贴的地方实际上是**Wix** is not compatible with IE8 because IE8 does not support HTML5 technology.
同样的情况...... wix是一个网站创建平台
Google map is compatible with IE8
从上面给出的链接中阅读第三点。 Microsoft Internet Explorer version 8 and later.
感谢您的回复。我尝试在没有标签的示例页面内的 IE8 中加载地图，并且工作正常。希望问题出在标签上。请澄清一下。

【解决方案2】：

我认为你的代码是错误的：

google.maps.event.trigger(myMap, 'resize');

Google 地图触发器需要一个地图对象，但 myMap 不是地图对象，它是一个 html 元素。

这里是google map trigger的原型：

google.maps.event.trigger(map-object, 'event-name');

map-object 是由这段代码创建的：

new google.maps.Map(element-container, options);

element-container 可以通过以下代码获取：

document.getElementById('id');

我认为你的代码应该这样改变：

$('.tabLocation').click(function (e)
{
    var lastCenter = map.getCenter();
    google.maps.event.trigger(map, 'resize');
    map.setCenter(lastCenter)
    map.setZoom(map.getZoom());
});

【讨论】：