TOP > 技術系 >

Google MapをThickBox上に表示する方法

| | コメント(0) | トラックバック(0)

大詰めの某案件。Google MapThickBoxに表示という要件が含まれていたんだけども、これが意外とてこずった。

ThickBoxのiframeモードでhtmlファイルを呼び出して、そのファイル上にGoogle Mapの呼び出しを書いていたんだけども、setCenterで設定した座標と全く違う場所が表示される。

また、Firefox2だとFirefox2が画像の読み込みを制御して地図の一部分が表示されないなんてことになってしまう。

解決策は、親windowのiframeを監視しておいてdisplayプロパティがblockに変更された時点でgoogle mapの設定を行う。

var check_flame_set = function(){
	if(!parent.document.getElementById("TB_window")){
		clearInterval(timerID);
		show_map();
	}else if(parent.document.getElementById("TB_window").style.display=="block"){
		clearInterval(timerID);
		show_map();
	}
}
var timerID = setInterval(check_flame_set, 500);
var show_map = function(){
	//ここでnew GMap2を行う
}

ここにたどり着くのに、予想外の時間がかかりすぎたのは内緒です。

スポンサードリンク

google OR javascript OR 技術系に関するエントリー

トラックバック(0)

このブログ記事を参照しているブログ一覧: Google MapをThickBox上に表示する方法

このブログ記事に対するトラックバックURL: http://www.kazumanishihata.com/mt/mt-tb.cgi/392

コメントする

スポンサードリンク

グルメ

  • ビールで乾杯
  • ホットケーキセット
  • ちくわ天 カレーうどん
  • 上手に焼けましたー
  • ジンジャー(強め)
  • ぜんな蛤(はまぐり)の焼きハマグリ
  • 焼鳥丼
  • 温泉卵とアボカドのねぎとろ丼
  • 安楽亭
  • かんぱーい

このブログ記事について

このページは、西畑一馬が2008年9月21日 21:04に書いたブログ記事です。

ひとつ前のブログ記事は「カフェ コロラド [三軒茶屋][モーニング]」です。

次のブログ記事は「KENNY asia [スープカレー][梅田]」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。