Заголовок не указан

Привет всем. у меня такой вопрос. Я пишу приложение на HTML5 для мобильных устройств. И решил туда запихнуть яндекс карту. Ну в принцепи вот код 

html

<div data-role="content">
 <div id="map"></div>

</div> 

JS

ymaps.ready(init);

function init () {
    myMap = new ymaps.Map('map', {
        center: [55.755768, 37.617671],
zoom: 10
}, {
        // При сложных перестроениях можно выставить автоматическое
 // обновление карты при изменении размеров контейнера.
 // При простых изменениях размера контейнера рекомендуется обновлять карту программно.
 // autoFitToViewport: 'always'
});
}

$(document).on( "pagecontainershow", function(){
    ScaleContentToDevice();

$(window).on("resize orientationchange", function(){
        ScaleContentToDevice();
})
});

function ScaleContentToDevice(){
    scroll(0, 0);
var content = $.mobile.getScreenHeight() - $(".ui-header").outerHeight() -         $(".ui-footer").outerHeight() - $(".ui-content").outerHeight() + $(".ui-content").height();
$(".ui-content").height(content);
}

Когда я решил запустить его у себя на телефоне с помощью сервиса build.phonegap.com у меня возникла проблема 
Не отображается карта. Что мне сделать ?   ссылка не приложение https://build.phonegap.com/apps/1480730/builds