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

Question

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

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

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

我在这里想念什么？

Answer 1

好，我知道了

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

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

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

Answer 2

检查这个：

windows phone 8 版本上的 IE 问题是阻塞 API。

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

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

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