谷歌地图在 Windows Phone 8 上使用 PhoneGap 时显示为空白答案

【问题标题】：Google Maps appear blank using PhoneGap with Windows Phone 8谷歌地图在 Windows Phone 8 上使用 PhoneGap 时显示为空白
【发布时间】：2014-03-11 11:58:44
【问题描述】：

我想在 Windows Phone 上运行的 PhoneGap 应用中显示谷歌地图。

我关注了以下博文http://www.christianengvall.se/phonegap-and-google-maps/

但地图显示为空白，如下所示：

我在这里错过了什么？

【问题讨论】：

标签： cordova windows-phone-8

【解决方案1】：

好的，我知道了

问题是我错过了将 center 属性分配给地图选项：

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

这看起来很奇怪，您必须为地图指定一个中心位置，否则它不会出现。

【讨论】：

【解决方案2】：

检查一下：

Windows phone 8 版本中 IE 的问题是阻塞 API。

您必须使用域“maps.google.co.uk”而不是“maps.googleapis.com”

Google Map API URL 工作：https://maps.google.co.uk/maps/api/js?v=3.exp&sensor=false

而且查询往往更快。

【讨论】：

【解决方案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/当我只使用 wifi 时，我的模拟器上的应用程序没有互联网（但 WMP 上的 IE 可以访问）。如果我同时使用我的 wifi 和以太网。

3/检查你的config.xml，你可以访问谷歌服务器（访问标签）

【讨论】：