Google V3和

Question

我正在创建一个使用Google的页面中的wordpress站点。

该地图适用于所有浏览器(Firefox，Chrome，Safari，Opera)，但IE除外。

有地图的那页是

http://www.guicciardinistrozzi.it/tenute

如果我复制链接的页面的源代码并将其复制到html文件中，则会发生一件奇怪的事情，IE可以显示地图。

我们证明了http://www.guicciardinistrozzi.it/tenute_/index.html

我试图用wordpress strandard来改变permalink的结构，但没有结果。

我使用的javascript中的脚本如下：

• inizializza.js
• luoghi.js

地图的CSS代码是luoghi.css。

Answer 1

你能试着在你的标题中添加这个内容吗？

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Answer 2

您的脚本插入不会发生在IE中。特别是，这一条没有任何影响：

window.onload = loadScript;

如果手动执行loadScript事件，则地图将显示。某些IE特定的内容可能正在覆盖onload事件。

请查看$(document).ready equivalent without jQuery，以获得将侦听器添加到onload事件的更好方法。

Answer 3

谢谢!问题是window.onload事件。我已经解决了将这些代码添加到我的inizializza.js文件中的问题。

函数loadScript() {

 var script = document.createElement("script");
 script.type = "text/javascript";
 script.src ="http://maps.googleapis.com/maps/api/js?key=****&sensor=false&callback=initialize";
 document.body.appendChild(script);
 }
 window.onload = loadScript;

// IE (我添加的代码)

 document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");
 var script = document.getElementById("__ie_onload");
 script.onreadystatechange = function() {
     if (this.readyState == "complete") {
         loadScript(); // call the onload handler
     }
 };