Javascript-форум - Динамическая загрузка Google map. Как?

Пытаюсь динамически загрузить google map.
Никак не получается.
Для теста уже всё выкинул оставил только одну загрузку:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Test AJAX Load</title>
    <script type='text/javascript' src='http://www.google.com/jsapi?key=ABCDEFG'></script>
    <script type="text/javascript">
    function click() {
     google.load("maps", "2");
    }
    </script>
  </head>

  <body onunload="GUnload()">
    <a href="javascript:click();">Load Google map</a>
    <div id="map_canvas" style="width: 500px; height: 300px"></div>
  </body>
</html>

Уже даже убрал саму инициализацию карты. При нажатии на ссылку по идее должен подгрузиться API google map. Но в результате контент страницы вообще пропадает. :(
Может у кого есть рабочий пример сего чуда? Или мжет я туплю и вообще что-то не то делаю?

P.S.Ключ в данном случаек конечно левый, но для локальных страниц он и не требуется.

Разобрался. Точнее просто замучил код до состояния, когда он заработал. :)
Указал функцию обратного вызова и вроде заработало.