Пытаюсь динамически загрузить 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.Ключ в данном случаек конечно левый, но для локальных страниц он и не требуется.
Разобрался. Точнее просто замучил код до состояния, когда он заработал.
Указал функцию обратного вызова и вроде заработало.