cordova - Windows Phone 8 で PhoneGap を使用すると、Google マップが空白で表示される

Question

Windows Phone で実行されている PhoneGap アプリで Google マップを表示したいと考えています。

次のブログ投稿をフォローしましたhttp://www.christianengvall.se/phonegap-and-google-maps/

ただし、マップは次のように空白に表示されます。

ここで何が欠けていますか?

Answer 1

はい、分かりました

問題は、マップ オプションにcenter属性を割り当てるのを忘れていたことです。

var mapOptions = {                
zoom: 4,
center: new google.maps.LatLng(-33, 151),
mapTypeId: google.maps.MapTypeId.ROADMAP
}

これは奇妙に思えます。マップに中心位置を割り当てないと表示されません。

Answer 2

これをチェックして：

Windows Phone 8 リリースの IE の問題は、API をブロックすることです。

「maps.googleapis.com」ではなく「maps.google.co.uk」というドメインを使用する必要があります

Google マップ API URL の動作: https://maps.google.co.uk/maps/api/js?v=3.exp&sensor=false

また、クエリは高速になる傾向があります。

Answer 3

1/onDeviceReady 関数に挿入して、アプリがインターネットへのアクセスを許可されていることを確認します。

function onDeviceReady(){
    if (typeof google === 'object' && typeof google.maps === 'object'){
      var map = new GoogleMap();
      map.initialize();
    }else
      alert("You need an internet connection to display the map.")
}

2/Wi-Fi のみを使用している場合、エミュレーター上のアプリにはインターネットがありません (ただし、WMP 上の IE にはアクセスできます)。Wi-Fiとイーサネットの両方を使用するとうまくいく場合。

3/config.xml を確認して、Google サーバー (アクセス タグ) にアクセスできることを確認します。