とりあえずマップ表示まで

読み込み順を変更しました。
JavaScriptはグーグルマップ本体のJSを先に読み込むようにしています。

HTMLのコードでは、HTMLを先に記述することで、
document.getElementById("map_canvas")がNullにならないようにしています。

また、おそらくCakeデフォルトのCSSの影響から、
width:100%、height:100%という記述はどちらも0pxとなっていました。
100pxと暫定的にしています。