1

Google API を使用するページ内に wordpress を使用してサイトを作成しています。

マップは、IE を除くすべてのブラウザー (Firefox、Chrome、Safari、Opera) で動作します。

地図のあるページはこちら

http://www.guicciardinistrozzi.it/tenute

リンクしたページのソースをコピーしてhtmlファイルにコピペすると不思議なことに、IEで地図が表示できます。

http://www.guicciardinistrozzi.it/tenute_/index.htmlを証明しました

パーマリンク構造を wordpress ストランドのパーマリンク構造に変更しようとしましたが、結果はありませんでした。

私が使用したJavaScriptのスクリプトは次のとおりです。

  • inizializza.js

  • luoghi.js

マップの CSS コードは luoghi.css です。

4

3 に答える 3

0

ありがとうございました！問題は 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
     }
 };
于 2012-06-11T10:02:05.070 に答える
0

スクリプトの挿入は IE では行われません。特に、次の行は効果がありません。

window.onload = loadScript;

イベントを手動で実行するloadScriptと、マップが表示されます。IE 固有の何かが onload イベントを上書きしている可能性があります。

onload イベントにリスナーを追加するためのより良い方法については、jQuery を使用しない $(document).ready と同等のものを確認してください。

于 2012-06-08T16:45:30.467 に答える
0

ヘッダーにこの追加を試していただけますか?

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
于 2012-06-08T11:33:35.203 に答える