MacとJavaと映画と


最近のエントリー
BBQ


最近のレスポンス
Re: JConsole で JBoss の MBean を監視
細かい調整面倒なので2カラムにして対応し...

Re: JConsole で JBoss の MBean を監視
IE! そんなブラウザもありましたね! ありがとうございます。確認してみまーす

Re: JConsole で JBoss の MBean を監視
日記の内容と関連してなくてアレだけど、磯...

Google Maps for WordPressのIE表示対策の参考にできるかも
侍ズム | Samuraism - Google Maps 簡単貼り付け 先日、『Google Maps for WordPress 試してみました が…』の記事で紹介した 侍ズム の記事にトラックバックをさせていただいた...

[Java]BEA JRockitが単体ダウンロード不可に
参照サイト 侍ズム | Samuraism - Oracle、BEA 買収後早くもクローズド戦略に? - BEA JRockit 単体ダウンロード不可 JRockitが・・・・ - maachangの日記 いちおう最新バージョンはまだ手に入るみた...

Google Maps for WordPress 試してみました が…
ブログに地図が貼れると良いなぁ…と思って いろいろとプラグインをあさってみています...

Re: Oracle、BEA 買収後早くもクローズド戦略に? - BEA JRockit 単体ダウンロード不可
まずはもちつけ。 もし最新の JRockit が欲しかったらここからダウンロード。 http://www.beasys.co...

Re: Oracle - BEAの買収を完了
違う立場から「敵対的買収だ」「そうではな...

Re: Oracle - BEAの買収を完了
OracleのPeopleSoft買収時...
3月 2006
    1  2  3  4 
 5  6  7  8  9  10  11 
 12  13  14  15  16  17  18 
 19  20  21  22  23  24  25 
 26  27  28  29  30  31  
2  |  今日  |  4





はてなブックマーク数

あわせて読みたい


follow yusukey at http://twitter.com



Google Maps + IE の環境で発生するエラーは IFrame にすることで回避できることはわかったけど、シンプルな html に書いた場合は現象が発生しないので腑に落ちないです。

エラーが発生するのとしないのを突き詰めていったら div 要素がネストしていると現象が発生することがわかりました。
発生する例:

<div>
<div id="map" style="width: 300px; height: 300px"></div>
</div>
<script type="text/javascript">
var map = new GMap(document.getElementById("map"));
..........


発生しない例:
<div id="map" style="width: 300px; height: 300px"></div>
<script type="text/javascript">
var map = new GMap(document.getElementById("map"));
..........


一般的な blogware でエントリを書いている以上 div はネストしまくりなので良く発生するものと思われます。
うまい回避策はないだろうか・・。
ちなみに span 要素を使ってみると地図表示がおもしろおかしいレイアウトになってしまい回避策にならないです。

補足:
結局 IE は onload で API を呼びだすようにするのが良いみたい。
こんな感じで↓

function myfunc(){
//Google Maps API を呼びだす
}
document.body.onload = myfunc();

ただし、既に onload があった場合にオーバーライドしてしまうといけない。
ちゃんと後で onload にあった処理は呼びだすこと。
こんな感じで↓

var defaultOnload = document.body.onload;
function myfunc(){
//Google Maps API を呼びだす
defaultOnload();
}
document.body.onload = myfunc();

さらに、Firefox では document.body.onload という表現が解釈してもらえない。
ブラウザを判別して IE の場合だけ onload をオーバーライドするのが無難。
blog に地図はりつけるのにイチイチスクリプト書くの面倒なので、自動化する簡単なアプリケーションが "Google Maps 簡単貼り付け"。
どこかの誰かが同じようなの作ってくれている気もするけど、まぁ Google Maps の練習ということで。

Google Maps で好きな場所を表示した状態で Bookmarklet で帰ってこられるので楽です。
・Google Maps 簡単貼り付け
http://yusuke.homeip.net/diary/2006/03/13/1142236775693.html
・続簡単Google Maps
http://yusuke.homeip.net/diary/2006/03/14/1142325346061.html
・続続簡単Google Maps
http://yusuke.homeip.net/diary/2006/03/18/1142666358114.html

タグ :

参考になりました!!
こんにちは! 仰せの通り<div>のネストが原因でIEではエラーが表示されていました。 中身をtableに入れても同じ結果でしたので、iframeで表示させたら、レイアウトも問題なくいけました!! ありがとうございました。 助かりました。
Google Maps で発生する IE のエラーの件で調べると良く見つかるのが body の onload で処理をしようという回避策。でも blog のエントリを書くのにイチイチ onload を書き換えるのも面倒。あと、地図を表示す...

続きを読む...
これまでブログの中にGoogleマップを埋め込むということをしたことがなかったので、Google Maps API + IEで発生するという『インターネットサイトは開けません。操作は中断されました。』というアラートにハマってしまいました。 いろいろ検索してみて調べた結果、Google Maps AP...

続きを読む...
ブログに地図が貼れると良いなぁ…と思って いろいろとプラグインをあさってみています。 それで今、目を付けているのが 『Google Maps for WordPress』というプラグインです。 表示したい場...

続きを読む...


コメント追加

タイトル
本文
HTML : b, i, blockquote, br, p, pre, a href="", ul, ol, li
名前
E-mail
Webサイト
保存しますか? はい  いいえ 

E-mailは公開されません, このエントリーの新規コメント通知が必要なら記入します。(解除可能)

トラックバックURL http://yusuke.homeip.net/diary/.action?entry=1142155862799