Google Maps API V3和Internet Explorer

Question

我在使用Google API的頁面內部使用wordpress創建網站。

該地圖適用於除IE以外的所有瀏覽器（Firefox，Chrome，Safari，Opera）。

與地圖的頁面是這個

http://www.guicciardinistrozzi.it/tenute

，如果我複製我的鏈接頁面的源並將其複製到一個HTML文件，一個奇怪的事情發生，IE可以顯示地圖。

我們證明http://www.guicciardinistrozzi.it/tenute_/index.html

我試着與沒有結果的WordPress strandard的改變永久鏈接結構。

在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=AIzaSyCwPhRQ--3KYuvr6It_fPPbyDZis_bvC38&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 
    } 
};