1

古いハイブリッド アプリケーションを最新バージョンのjQuery (1.7 -> 2.2.4)およびjQuery Mobile (1.1 -> 1.4.5)にアップグレードしています。
このアプリには、jquery-ui-mapで作成されたマップを含むページが含まれています。現在、 PhoneGapを 使用してアプリをテストしていますが、マップを含むページは空で、何も表示されず、コンソールにエラーはありません。 私がインターネットで見つけたすべての例では、以前のバージョンの jquery が使用されています。 1. jquery-ui-map は jquery の最新バージョンにも使用できますか? 2. Phonegap の問題でしょうか? apkを作れば地図が見れるの?





3. 別のコードを使用してマップを作成した方が良いですか?

コードは次のとおりです。

<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.css" />
<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate-1.4.1.min.js">  </script>
<script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.map.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&key=KEY"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript">
$(document).on('pagecreate',function(){
setTimeout(function(){
    $.mobile.loading('hide');
},500);     
});


$(function(){

$.mobile.loading( 'show', {
    text: '',
    textVisible: false,
    theme: 'a',
    html: ""
});

$('#map-canvas').gmap({'center':'1111,0000','zoom':10}).on('init',function(){ // coordinates example
    var Link = "http://google.com"; // Example
    $.getJSON(link, function(data){
        ....
    }); 

});

});
</script>

どうもありがとう。

4

1 に答える 1