GoogleマップはPhonegap iOS Appに表示されません

PhoneGap iOSアプリを持っていて、アプリでマップを表示しないこのHTMLを持っています。 SafariやFFでは地図が完全に表示されますが、アプリでは表示されません。これをどのように機能させることができますか？GoogleマップはPhonegap iOS Appに表示されません

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 

    <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> 
    <script type="text/javascript"> 

     $(document).ready(function(){ 
        var initialLocation = new google.maps.LatLng(37.654,-77.980); 
         var myOptions = { 
             zoom: 12, 
             center: initialLocation, 
             mapTypeId: google.maps.MapTypeId.ROADMAP 
         }; 
         var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
      }); 
</script> 
</head> 
<body> 
<div data-role="content"> 
    <!--images go here --> 
    <div class="img_shadow" style="padding:4px;"> 
        <div id="map_canvas" style="height:130px;"></div> 
    </div> 
</div>  
</div><!-- /page --> 

</body>

出典

2011-11-16 user989557

PhoneGapには外部URL /ホスト用のホワイトリストシステムがあります。ウィキから

：

また、最新のコードは、新しいホワイトリスト機能を持っています。が外部ホストを参照している場合は、 "ExternalHosts"キーの下に PhoneGap.plistにホストを追加する必要があります。ワイルドカードは大丈夫です。したがって、 "http://phonegap.com"に接続している場合は、リストに "phonegap.com"を追加するか、もサブドメインに一致するワイルドカード "* .phonegap.com"を使用する必要があります）。上記

あなたのコードスニペットはそれにいくつかの外部ホストを持っています

maps.google.com
code.jquery.com

多分に "*" を追加してみてくださいそれが問題ではないことを確認するためにExternalHostsを起動してから、動作している特定のホストを追加してください。

出典

2011-11-16 03:20:31 Devgeeks

外部ホストリストにロードするすべてのGoogleマップを追加する必要があります。私は次のように追加し、私のために正常に動作します：

* .google.com
* .googleapis.com
* .gstatic.com

出典

2012-01-12 14:21:33

私は同じ問題を抱えていましたあなたの "* .googleapis.com"ソリューションが機能しました。しかし、私はAPIキーを持っていなかったので、まだマップが表示されず、これが私の問題を解決しました。あなたのコードではAPIキーがないので、あなたに役立つことを願っています。

出典

2012-04-26 13:52:15 duarte

Google Maps Javascript-APIではAPIキーが不要になりました。 –

GoogleマップはPhonegap iOS Appに表示されません

答えて

関連する問題