Hallo Khartir,
mein Verdacht: die Höhenangabe 100% in
<div id="map_canvas" style="width: 100%; height: 100%">
gibt dem div die Höhe 0px. Nimm da mal Pixelwerte. Die falsche Struktur in der anderen Version schickt den Browser in den Quirksmode, wo die 100% das Browserfenster als Bezug nehmen.
Sonst hilft nur noch systematische Fehlersuche: alerts an strategischen Stellen, das ganze jquery-Zeugs raus nehmen, ... .
Gruß, Jürgen