プログラミングノート

一からものを作ることが好きなエンジニアの開発ブログです。

GoogleMapで画像が途切れる現象が。。

Extで作ったWindow内にGoogleMapを表示したところ、スケールや地図タイプ切り替えのボタンは画面いっぱいに広がるのに、肝心の画像が途中で途切れるという現象がでました。小さいサンプルを作りながら試してみたところ、どうもExtWindowを生成する際に指定したサイズ以上には広がっていないような感じだったので下記のように対応。


Main.html (sandbox)

//System Cromeは隠す
  window.moveTo(0, 0);
  window.resizeTo(screen.width, screen.height);


MainUI.html (non-application sandbox)
Ext Windowをフルスクリーンサイズで指定→Mapをロードしてから元のサイズにリサイズ

//window生成
  win = new Ext.Window({
    width: screen.widthをparentSandboxBridge経由で取得,
    height: screen.heightをparentSandboxBridge経由で取得
    ...
  }
  
//google mapをWindow内のPanelにロード
  ...
  
//windowリサイズ
  win.setSize(width, height);
  win.setPosition(posx, posy);


地図操作で問題がでそうな気がする…