Не работает Яндекс карты API в PhoneGap, на мобильных телефонах карта не отображается, на десктопе все отлично.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <title>Blank App</title>
        
        <script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
        <script type="text/javascript">
            ymaps.ready(init);
            var myMap;

            function init(){     
                myMap = new ymaps.Map("map", {
                    center: [55.76, 37.64],
                    zoom: 7,
                });
            }
        </script>
        <style> html, body { margin: 0;}</style>
    </head>
    <body>
        <div id="map" style="width: 400px; height: 400px"></div>
    </body>
</html>

Разрабатываю приложение с использованием яндекс карт и phonegap, добавив хотя бы две-три метки приложение виснить и в конце концов вылетает.
Код добавления элементов:

geoObjectsChats = new ymaps.GeoObjectCollection();
var pointChatGeometry = new ymaps.geometry.Point([chatModel.get("COORDS_LAT"), chatModel.get("COORDS_LON")]);
var geoObjectChat = new ymaps.GeoObject({
   geometry: pointChatGeometry,
   properties: {
      index: chatModel.id,
      iconContent: chatModel.get('TITLE')
   }
},{
   draggable: false,
   hintHideTimeout: 0,
   preset: 'twirl#greenStretchyIcon'
});
geoObjectChat.events.add("click", _onGeoObjectClick);
geoObjectsChats.add(geoObjectChat);

Как можно оптимизировать работу с яндекс картами?

Сдела мобильное приложение (PhoneGap и JQuery mobile).

Использую карты Yandex, если загружаю на сайт (то есть мобильную версию с телефона), то все работает, если экспортирую через phonegap и пытаюсь запустить в приложении (android) ничего не грузится.

Подскажите реально ли заставить связку работать.

Такое возможно ? Пробовал некоторые примеры, которые работают на обычных сайтах, в приложение phonegap они не работали.