Javascript-форум - не могу понять как работает

<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Примеры. Размещение карты на странице.</title>
    <!--
        Подключаем API карт
        Параметры:
          - load=package.full - основные компоненты;
	      - lang=ru-RU - язык русский.
    -->
    <script src="http://api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>

<script type="text/javascript">
var myMap;
var aaaa;
// Дождёмся загрузки API и готовности DOM.
ymaps.ready(init);

function init () {
	var myGeocoder = ymaps.geocode("Москва Вашавское шоссе 125"); // 
	myGeocoder.then(
		function (res) {
			//alert('Координаты объекта :' + res.geoObjects.get(0).geometry.getCoordinates()); 
			aaaa = res.geoObjects.get(0).geometry.getCoordinates();
			//alert(aaaa);
										// Создание экземпляра карты и его привязка к контейнеру с
										// заданным id ("map").
										myMap = new ymaps.Map('map', {
											// При инициализации карты обязательно нужно указать
											// её центр и коэффициент масштабирования.
											//center:[55.76, 37.64], // Москва
											center:[aaaa], // Москва
											zoom:10
										});

										document.getElementById('destroyButton').onclick = function () {
											// Для уничтожения используется метод destroy.
											myMap.destroy();
										};
		},
		function (err) {
			alert('Ошибка');
		}
	);
}
</script>
</head>

<body>
    <div id="map" style="width:400px; height:300px"></div>
    <input type="button" id="destroyButton" value="Удалить карту"/>
</body>

</html>

по моей логике, координаты должны попасть в aaaa я их использую для указания центра карты.
в результате карта не выводится, только подложка под нее.

при просмотре в дебагере... вроде все нормально...

последовательность исполнения кода правда какая то...

не правильная размерность?