Google Maps API 質問箱

**nobodyさん** · 2005/07/21(木) 12:52:31

Google Maps API関係はこちらで質問して！

**nobodyさん** · 2008/06/21(土) 12:05:15

>>902

当て推量だけどimgタグを使っていてwidthとheightを指定していないってオチじゃないか？
画像を読み込む前はイメージのサイズがわからないのでレイアウトが崩れる。
一度読み込むとキャッシュに残っているのでサイズは既知。

仕様と言えば仕様だが。

**nobodyさん** · 2008/06/22(日) 02:10:21

>>902
<IMG>タグを使って height　指定をしていない場合で画像の高さによってレイアウトが

**nobodyさん** · 2008/06/22(日) 02:23:04

ミスった904の続き

<IMG>タグを使って height　指定をしていない場合で画像の高さによって
全体の高さが変わる場合は崩れる仕様。
これはバルーン内のＨＴＭＬが形成された後に画像がロードされるから。

903が言うようにheightを指定するのが一番いいが結構面倒。

javascriptの仕様では直前にheightをとろうとしても失敗することがおおいので以下のようにすればヨロシ

GEvent.addListener( m , "click", function(){
var i =new Image();
i.onload=function(){this.openInfoWindowHtml("<img src='画像のＵＲＬ'>");};
i.src="画像のＵＲＬ";
})

配列でマーカー管理してるのならもうちょっと複雑になるが、
この方法では画像をロードしてからバルーンが出るのでレイアウトは崩れない。

画像が重いと開くまで一瞬時間がかかるけど。

マーカーが少ないなら全部プリロードしてしまうのも良いかもね

**nobodyさん** · 2008/06/22(日) 02:24:24

あ、thisじゃとれんね。

GEvent.addListener( m , "click", function(){
var i =new Image();
i.onload=function(){m.openInfoWindowHtml("<img src='画像のＵＲＬ'>");};
i.src="画像のＵＲＬ";
})