使用PhoneGap和Windows Phone 8，Google地图显示为空白

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”

Google Map API网址工作：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，您可以访问google serveur（访问标记）